4. 제목을 나타내는 태그 <h1>~<h6>






01. 제목 태그


웹 문서에서 제목을 입력할 때 사용하는 태그는 <h1>~<h6>태그로, 글자의 크기를 총 6단계로 나누어 표제의 중요도를 나타낼 수 있다.

사용자가 페이지를 볼 때 제목을 먼저 훑어 보기 때문에 문서 구조를 알기 쉽게 하려면 이 제목 태그를 사용하는 게 중요하다.

가장 중요한 표제는 <h1>으로 나타내고 그 다음으로 중요한 표제는 <h2>, 그 다음 중요한 건 <h3>… 이런 식으로 작성해 나간다.

* 제목 표현 시 <big>이나 <bold>태그는 사용하지 않는 게 바람직하다.




02. 제목 태그 사용


<코드>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
    <head>
        <title>제목 태그</title>
        <meta charset="utf-8">
    </head>
    <body>
        <h1>첫 번째로 큰 제목</h1>
        <h2>두 번째로 큰 제목</h2>
        <h3>세 번째로 큰 제목</h3>
        <h4>네 번째로 큰 제목</h4>
        <h5>다섯 번째로 큰 제목</h5>
        <h6>여섯 번째로 큰 제목</h6>
    </body>
</html>
cs


<실행 결과>


'프로그래밍 > 웹표준' 카테고리의 다른 글

6. 목록을 만드는 태그 <ul>, <ol>, <dl>  (0) 2017.01.11
5. 문단 정렬 태그  (0) 2017.01.09
3. 시맨틱 요소와 시맨틱 웹  (0) 2017.01.07
2. <meta>태그  (0) 2017.01.04
1. HTML 문서의 기본 구조  (0) 2017.01.03
더보기

댓글,

violet quartz