본문 바로가기

HTML

html 6. 제목

HTML 헤더는 웹페이지에 표시하려는 제목이나 부제목임


Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

 


HTML 제목

<h1> HTML 제목은 `<heading> ` 태그로 정의 <h6>.

<h1> 가장 중요한 제목을 정의
<h6> 가장 중요도가 낮은 제목

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

참고: 브라우저는 제목 앞뒤에 자동으로 공백(여백)을 추가.

 


제목은 정말 중요하다

검색 엔진은 제목을 사용하여 웹 페이지의 구조와 콘텐츠를 색인화함. 

사용자는 종종 제목을 보고 페이지를 훑어보기 때문에 제목을 사용하여 문서의 구조를 보여주는 것이 중요하다.

<h1><h2>제목은 주요 제목에 사용하고, 그 뒤에 일반 제목, 중요도가 낮은 제목 <h3>순 으로 사용해야 함.

예를 들어:

  • <h1>- 페이지 제목
  • <h2>- 섹션 제목
  • <h3>- 하위 섹션
<h1>Travel Guide</h1>

<h2>Europe</h2>
<h3>France</h3>
<h3>Italy</h3>

<h2>Asia</h2>
<h3>India</h3>
<h3>Thailand</h3>

 

팁: 페이지당 하나만 사용 <h1>. 이는 주요 주제 또는 제목을 나타냄.

참고: HTML 헤더는 제목으로만 사용. 텍스트를 크게 하거나 굵게 표시하기 위해 헤더를 사용하지 말 것. 크기를 작게 크게는 조절 가능함. 


 

더 큰 제목

각 HTML 제목에는 기본 크기가 있음. 하지만 styleCSS font-size속성을 사용하여 특정 제목의 크기를 지정할 수도 있음

<h1 style="font-size:60px;">Heading 1</h1>

HTML 태그 참조

태그 참조에는 이러한 태그와 해당 속성에 대한 추가 정보가 포함되어 있음.

 

Tag Description
<html> Defines the root of an HTML document
<body> Defines the document's body
<h1> to <h6> Defines HTML headings

'HTML' 카테고리의 다른 글

html 8. 스타일  (0) 2026.05.25
html 7. 단락, 줄바꿈 차이 <p></p> or <br>  (0) 2026.05.25
html 5. 속성  (0) 2026.05.25
html 4. 요소  (0) 2026.05.25
html 3. 기본 예제 실습  (0) 2026.05.25