① <hn> 태그를 이용해 웹페이지의 제목을 표시할 수 있다.
㉠ <hn>이 여는 태그, </hn>이 닫는 태그이다.
② <hn> 태그의 종류는 중요성에 따라 분류되어 <h1>~<h6>의 태그가 있다.
㉠ <h1> 태그가 제일 중요한 제목이고, 오름차순으로 중요도가 작아진다.
㉡ <h1>~<h6>의 크기 비교는 다음과 같다.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body> | |
| <h1>제목1</h1> | |
| <h2>제목2</h2> | |
| <h3>제목3</h3> | |
| <h4>제목4</h4> | |
| <h5>제목5</h5> | |
| <h6>제목6</h6> | |
| </body> |
제목1
제목2
제목3
제목4
제목5
제목6
㉢ 검색 엔진은 웹 페이지의 구조와 내용의 색인(Index)을 작성하는 데에 표제를 사용한다.
㉣ 웹 문서 구조의 가독성을 위해 제목을 사용하는 것은 중요하다.
㉤ <hn> 요소의 내용은 볼드체로 만들어진다.
㉥ 브라우저는 자동적으로 빈 공백을 제목의 앞과 뒤에 추가한다.
③ 제목의 사이즈를 조정하지 않으면 기본 사이즈를 갖는다.
㉠ style 속성에서 CSS font-size 속성을 사용해 제목의 크기를 지정할 수 있다.
ⓐ 폰트 크기를 똑같이 설정했다.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body> | |
| <h1 style="font-size: 30px;">제목1</h1> | |
| <h2 style="font-size: 30px;">제목2</h2> | |
| </body> |
제목1
제목2
'All about WEB > All about HTML' 카테고리의 다른 글
| 9. HTML 텍스트 서식(Text Formatting) (0) | 2021.06.15 |
|---|---|
| 8. HTML 단락(Paragraphs) (0) | 2021.06.05 |
| 6. HTML 속성(attribute) (0) | 2021.06.05 |
| 5. HTML 기본 태그 (0) | 2021.06.05 |
| 3. HTML 태그와 요소 (0) | 2021.05.29 |
