7. HTML 제목 (Headings)

① <hn> 태그를 이용해 웹페이지의 제목을 표시할 수 있다.

  ㉠ <hn>이 여는 태그, </hn>이 닫는 태그이다.

② <hn> 태그의 종류는 중요성에 따라 분류되어 <h1>~<h6>의 태그가 있다.

  ㉠ <h1> 태그가 제일 중요한 제목이고, 오름차순으로 중요도가 작아진다.

  ㉡ <h1>~<h6>의 크기 비교는 다음과 같다.

 

제목1

제목2

제목3

제목4

제목5

제목6

 

  ㉢ 검색 엔진은 웹 페이지의 구조와 내용의 색인(Index)을 작성하는 데에 표제를 사용한다.

  ㉣ 웹 문서 구조의 가독성을 위해 제목을 사용하는 것은 중요하다.

  ㉤ <hn> 요소의 내용은 볼드체로 만들어진다.

  ㉥ 브라우저는 자동적으로 빈 공백을 제목의 앞과 뒤에 추가한다.

③ 제목의 사이즈를 조정하지 않으면 기본 사이즈를 갖는다.

  ㉠ style 속성에서 CSS font-size 속성을 사용해 제목의 크기를 지정할 수 있다.

    ⓐ 폰트 크기를 똑같이 설정했다.

 

제목1

제목2