티스토리 뷰

HTML

HTML 번역 06: HTML 표제(headings)

rewriter751 2016. 2. 14. 10:13

HTML Tutorial

- 표제은 HTML 문서 안에서 중요하다.

HTML 헤딩

    1. 표제은 <h1>에서 <h6> 태그까지로 정의된다.  
    2. <h1> 태그는 가장 중요한 표제를 정의한다. <h6> 태그는 가장 덜 중요한 표제를 정의한다.  
        - 예  
              <h1>This is a heading</h1>  
              <h2>This is a heading</h2>  
              <h3>This is a heading</h3>  
    노트: 브라우저는 각 표제의 위와 아래에 빈 공간을 자동적으로 추가한다.

헤딩은 중요하다

    1. HTML 헤딩은 오직 표제를 나타내는 데에만 쓰라. 텍스트를 크게 하거나 굵게 하기 위해서 헤딩을 쓰지 마라.  
    2. 검색 엔진은 웹페이지의 콘텐츠와 구조에 색인을 달 때 표제를 이용한다.  
    3. 사용자들은 표제로 웹페이지를 훑어본다. 문서 구조를 드러내기 위해 표제를 쓰는 것은 중요하다.  
    4. <h1> 헤딩은 주 표제가 될 것이며, 그 다음으로 <h2>가 오고, 그 다음으로 <h3>가 덜 중요하게  
      된다.

HTML 수평선

    1. <hr> 태그는 HTML 페이지 안에 수평선을 긋는다.  
    2. <hr> 요소는 콘텐츠를 구분하는 데 사용될 수 있다.  
        - 예  
              <p>This is a paragraph.</p>  
              <hr>  
              <p>This is a paragraph.</p>  
              <hr>  
              <p>This is a paragraph.</p>

HTML 표제 요소

    1. HTML <head> 요소는 HTML 헤딩에 관련해 아무것도 하지 않는다.  
    2. HTML <head> 요소는 메타 데이터를 담고 있다. 이 메타 데이터는 화면에 표시되지 않는다.  
    3. HTML <head> 요소는 <html> 태그와 <body> 태그 사이에 온다.  
        - 예  
              <!DOCTYPE html>  
              <html>

              <head>
                <title>My First HTML</title>
                <meta charset="UTF-8">  
              </head>

              <body>  
     팁: 메타 데이터는 데이터에 대한 데이터를 의미한다. 곧 HTML 메타 데이터란 HTML 문서에 관한  
          데이터이다.

HTML title 요소

    1. HTML <title> 요소는 메터 데이터이다. 이는 HTML 문서의 제목을 정의한다.  
    2. 이 제목은 문서 안에서 표시되지 않지만 대체로 브라우저 탭에 표시될 것이다.

HTML meta 요소

    1. HTML <meta> 요소 역시 메타 데이터이다.  
    2. 이는 HTML 문서의 문자 세트나 여타 정보를 정의하는 데 쓰인다.

기타 메타 요소

    1. 이 장에서는 HTML 스타일에 관한 여타의 메타 요소를 보게 된다.  
    2. HTML <style> 요소는 내부 CSS 스타일 시트를 정의하는 데 쓰인다.  
    3. HTML <link> 요소는 외부 CSS 스타일 시트를 정의하는 데 쓰인다.

HTML 팁 - HTML 소스는 어떻게 볼 수 있나

    1. 웹페이지를 한 번이라도 본 적이 있고 “이거 어떻게 이렇게 되는 거지?”라고 의문을 품은 적이 있나?  
    2. 답을 발견하려면, 페이지 안에서 마우스 오른쪽 클릭을 하고 나서 “view Page Source”(크롬)이나  
      “View Source”(IE)를 선택하라. 그러면 그 페이지의 HTML 코드를 포함하고 있는 창이 열릴  
      것이다.

'HTML' 카테고리의 다른 글

HTML 번역 08: HTML 스타일(styles)  (0) 2016.02.23
HTML 번역 07: HTML 문단(paragraphs)  (0) 2016.02.23
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
공유하기 링크
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
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
글 보관함