HTML - <h1>,<h2>,<h3>,<h4>,<h5>,<h6> 제목요소

---

제목 태그 사용법

---

 

안녕하세요.

고코더 입니다.

 

 

● 1. 책을 읽다 보면 언제나 제목이 중요합니다. 표지에 적혀 책의 이름을 나타내는 제목 그리고 각 챕터마다의 제목까지 나타냅니다. HTML에서도 이런 제목을 나타내는 태그가 있습니다. 바로 

 

<h1>,<h2>,<h3>,<h4>,<h5>,<h6> 

 

가 그 주인공입니다.

 

 

---

예제 사용법

---

 

● 2. 사용법은 아주 단순합니다. 제목 태그 안에 텍스트를 넣으면 완성입니다. 1부터 6까지 크기가 비례합니다. 1이 가장 크고 6이 가장 작습니다.

<h1>제목 레벨 1</h1>
<h2>제목 레벨 2</h2>
<h3>제목 레벨 3</h3>
<h4>제목 레벨 4</h4>
<h5>제목 레벨 5</h5>
<h6>제목 레벨 6</h6>

● 3. 결과 화면은 아래와 같습니다. 

 

 

● 4. 문서 구조의 대한 정합성을 위해서 해당 태그는 순서에 맞게 사용하는 게 좋습니다. 

<!-- 잘못된 예(X) -->
<h1>제목 레벨 1</h1>
<h6>제목 레벨 6</h6>

 

 

 

<!-- 올바른 예(O) -->
<h1>제목 레벨 1</h1>
<h2>제목 레벨 2</h2>

 

---

마무리

---

 

HTML 제목 태그가 시작입니다.