HTML <h1> ~ <h6> 태그
예시
여섯 가지 HTML 제목:
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
<h1>
to <h6>
태그는 HTML 제목을 정의하는 데 사용됩니다 .
<h1>
가장 중요한 제목을 정의합니다. <h6>
가장 덜 중요한 제목을 정의합니다.
참고: 페이지당 하나만 사용 <h1>
하십시오. 이는 전체 페이지의 주요 제목/제목을 나타내야 합니다. 또한 제목 수준을 건너뛰지 마십시오. 로 시작하고 <h1>
, 등을 사용 <h2>
합니다.
브라우저 지원
Element | |||||
---|---|---|---|---|---|
<h1> - <h6> | Yes | Yes | Yes | Yes | Yes |
전역 속성
<h1>
to <h6>
태그는 HTML의 전역 속성도 지원 합니다 .
이벤트 속성
<h1>
to <h6>
태그는 HTML의 이벤트 속성도 지원 합니다 .
더 많은 예
예시
제목의 배경색 및 텍스트 색상 설정(CSS 사용):
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<h2 style="color:Tomato;">Hello
World</h2>
예시
제목 정렬 설정(CSS 사용):
<h1 style="text-align:center">This is heading 1</h1>
<h2 style="text-align:left">This
is heading 2</h2>
<h3 style="text-align:right">This is heading 3</h3>
<h4 style="text-align:justify">This is heading 4</h4>
관련 페이지
HTML 튜토리얼: HTML 제목
HTML DOM 참조: 표제 개체
기본 CSS 설정
대부분의 브라우저는 <h1>
다음 기본값으로 요소를 표시합니다.
예시
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
대부분의 브라우저는 <h2>
다음 기본값으로 요소를 표시합니다.
예시
h2 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
대부분의 브라우저는 <h3>
다음 기본값으로 요소를 표시합니다.
예시
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
대부분의 브라우저는 <h4>
다음 기본값으로 요소를 표시합니다.
예시
h4 {
display: block;
font-size:
1em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
대부분의 브라우저는 <h5>
다음 기본값으로 요소를 표시합니다.
예시
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
대부분의 브라우저는 <h6>
다음 기본값으로 요소를 표시합니다.
예시
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}