티스토리 뷰

HTML

HTML 번역 01: HTML 소개

rewriter751 2016. 2. 9. 05:14

HTML Tutorial

HTML이란 무엇인가

    1. HTML은 웹 문서(웹페이지)를 보여주기 위한 마크업 언어이다.  
        - HTML은 Hyper Text Markup Language의 약자이다.  
        - 마크업 언어는 마크 태그의 집합이다.  
        - HTML 문서는 HTML 태그로 표현된다.  
        - 각 HTML 태그는 다른 문서 콘텐츠를 표현한다.

    2. HTML 예  
          <!DOCTYPE html>  
          <html>  
          <head>  
          <title>Page Title</title>  
          </head>  
          <body>

          <h1>My First Heading</h1>  
          <p>My first paragraph.</p>

          </body>  
          </html>

예 설명

    - DOCTYPE: HTML 문서임을 정의한다.  
    - `<html>`와 `</html>` 사이는 HTML 문서가 기술된다.  
    - `<head>`와 `</head>` 사이는 해당 문서에 대한 정보가 온다.  
    - `<title>`과 `</title>` 사이는 문서 제목이 온다.  
        - 웹브라우저 상단의 제목줄에 표시되는 정보이다.  
    - <body>와 </body> 사이는 웹브라우저로 보는 페이지 콘텐츠가 기술된다.  
    - <h1>과 </h1> 사이는 문서 내의 제목줄이 기술된다.  
    - <p>와 </p> 사이는 단락이 기술된다.

HTML 태그

    1. HTML 태그는 꺽쇠괄호(<>)로 둘러싸인 키워드(태그명)이다.  
    2. <tagname>content</tagname>  
        - HTML 태그는 보통 <p>와 </p>와 같이 짝으로 쓰인다.  
        - 한 짝에서 첫 번째 태그는 시작-태그(start tag), 두 번째 태그는 끝-태그(end tag)이다.  
        - 끝-태그는 시작-태그와 똑같이 쓰지만 태그명 앞에 슬래쉬(/)가 온다.  
    팁: 시작-태는 종종 여는-태그(opening tag), 끝-태그는 닫는-태그(closing tag)라고  
      불린다.

웹브라우저

    1. 웹브라우저(크롬, 익스플러러, 파이어폭스, 사파리)는 HTML 문서를 읽어들여 이를 화편에 표시한다. 이  
      브라우저는 HTML 태그를 화면에 표시하지는 않지만 문서를 화면에 어떻게 보여줄 것인가를 결정하기 위해 태그를  
      이용한다.

HTML 페이지 구조

    1. 아래는 HTML 페이지 구조를 시각화한 것이다.  
     <html>  
         <head>  
             <title>Page title</title>  
         </head>  
         <body>  
             <h1>This is a heading</h1>  
             <p>This is a paragraph.</p>  
             <p>This is another paragraph.</p>  
         </body>  
     </html>  
    팁: <body> 영역만 브라우저에 표시된다.

<!DOCTYPE> 선언

    1. <!DOCTYPE> 선언은 브라우저가 웹 페이지를 정확하게 표시하는 데 도움을 준다.  
    2. 웹에서 여러 종류의 문서가 있다.  
    3. 문서를 정확하게 표시하기 위해서는 브라우저가 문서의 종류의 및 버전을 알아야만 한다.  
    4. 문서 종류 선언은 대소문자를 가리지 않으므로 어떻게 쓰든지 무관하다.  
          <!DOCTYPE html>

          <!DOCTYPE HTML>

          <!doctype html>

          <!Doctype Html>  
    5. 일반적인 정의 방식  
        - HTML 5  
             <!DOCTYPE html>  
        - HTML 4.01  
             <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01  
              Transitional//EN"  
              "http://www.w3.org/TR/html4/loose.dtd">  
        - XHTML 1.0  
             <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0  
              Transitional//EN"  
              "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d  
              td">  
        - 팁: W3Schools의 모든 설명과 예는 HTML5를 따른다.  
    6. HTML 버전  
        - 웹 초기 이래로 많은 버전의 HTML이 있었다.  
            - Version       Year  
              HTML          1991  
              HTML 2.0      1995  
              HTML 3.2      1997  
              HTML 4.01     1999  
              XHTML         2000  
              HTML5         2014

'HTML' 카테고리의 다른 글

HTML 번역 06: HTML 표제(headings)  (0) 2016.02.14
HTML 번역 05: HTML 속성(attributes)  (0) 2016.02.11
HTML 번역 04: HTML 요소(elements)  (0) 2016.02.09
HTML 번역 03: HTML 기본 예(basic examples)  (0) 2016.02.09
HTML 번역 02: HTML 편집기(editors)  (0) 2016.02.09
공유하기 링크
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함