Thẻ HTML <h1> đến <h6>
Thí dụ
Sáu tiêu đề HTML khác nhau:
<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>
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Các thẻ <h1>
to <h6>
được sử dụng để xác định các tiêu đề HTML.
<h1>
xác định tiêu đề quan trọng nhất. <h6>
xác định tiêu đề ít quan trọng nhất.
Lưu ý: Chỉ sử dụng một <h1>
trên mỗi trang - điều này phải đại diện cho tiêu đề / chủ đề chính cho toàn bộ trang. Ngoài ra, đừng bỏ qua các cấp tiêu đề - bắt đầu với <h1>
, sau đó sử dụng <h2>
, v.v.
Hỗ trợ trình duyệt
Element | |||||
---|---|---|---|---|---|
<h1> - <h6> | Yes | Yes | Yes | Yes | Yes |
Thuộc tính toàn cầu
Thẻ <h1>
to <h6>
cũng hỗ trợ Thuộc tính chung trong HTML .
Thuộc tính sự kiện
Thẻ <h1>
to <h6>
cũng hỗ trợ Thuộc tính sự kiện trong HTML .
Các ví dụ khác
Thí dụ
Đặt màu nền và màu văn bản của tiêu đề (với CSS):
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<h2 style="color:Tomato;">Hello
World</h2>
Thí dụ
Đặt căn chỉnh của các tiêu đề (với 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>
Các trang liên quan
Hướng dẫn HTML: Tiêu đề HTML
Tham chiếu HTML DOM: Đối tượng tiêu đề
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị <h1>
phần tử với các giá trị mặc định sau:
Thí dụ
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Hầu hết các trình duyệt sẽ hiển thị <h2>
phần tử với các giá trị mặc định sau:
Thí dụ
h2 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Hầu hết các trình duyệt sẽ hiển thị <h3>
phần tử với các giá trị mặc định sau:
Thí dụ
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Hầu hết các trình duyệt sẽ hiển thị <h4>
phần tử với các giá trị mặc định sau:
Thí dụ
h4 {
display: block;
font-size:
1em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Hầu hết các trình duyệt sẽ hiển thị <h5>
phần tử với các giá trị mặc định sau:
Thí dụ
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Hầu hết các trình duyệt sẽ hiển thị <h6>
phần tử với các giá trị mặc định sau:
Thí dụ
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}