Thẻ HTML <h1> đến <h6>
Ví 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>
Hãy tự mình thử »Thêm 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>
đến <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 thẻ <h1>
trên mỗi trang - thẻ này sẽ thể hiện 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 bằng <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 chung
Các thẻ <h1>
đến <h6>
cũng hỗ trợ Thuộc tính chung trong HTML .
Thuộc tính sự kiện
Các thẻ <h1>
đến <h6>
cũng hỗ trợ Thuộc tính sự kiện trong HTML .
Thêm ví dụ
Ví dụ
Đặt màu nền và màu chữ cho tiêu đề (bằng CSS):
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<h2 style="color:Tomato;">Hello
World</h2>
Hãy tự mình thử »Ví dụ
Đặt căn chỉnh tiêu đề (bằng 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>
Hãy tự mình thử »Trang liên quan
Hướng dẫn HTML: Tiêu đề HTML
Tham chiếu DOM HTML: Đố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ị phần tử <h1>
với các giá trị mặc định sau:
Ví 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ãy tự mình thử » Hầu hết các trình duyệt sẽ hiển thị phần tử <h2>
với các giá trị mặc định sau:
Ví 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ãy tự mình thử » Hầu hết các trình duyệt sẽ hiển thị phần tử <h3>
với các giá trị mặc định sau:
Ví dụ
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Hãy tự mình thử » Hầu hết các trình duyệt sẽ hiển thị phần tử <h4>
với các giá trị mặc định sau:
Ví 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ãy tự mình thử » Hầu hết các trình duyệt sẽ hiển thị phần tử <h5>
với các giá trị mặc định sau:
Ví 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ãy tự mình thử » Hầu hết các trình duyệt sẽ hiển thị phần tử <h6>
với các giá trị mặc định sau:
Ví dụ
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Hãy tự mình thử »