Mở đầu các trang văn bản thường là các tiêu đề cần làm nổi bật từng phần của văn bản như Chương, Mục,... cũng cần có đề mục rõ ràng khác với phần thân để người đọc theo dõi cho thuận tiện.
1. Định Nghĩa sử Dụng:- Cấu trúc thẻ : <Hn> Nội dung Tiêu đề </Hn>
- H là viết tắt của từ headings nghĩa là mục hoặc tiêu đề.
- Có 6 mức tiêu đề trong HTML. Cách thể hiện các tiêu đề phụ thuộc vào trình duyệt nhưng thông thường thì:
Tiêu đề mức 1: <H1> .........</H1>
Tiêu đề mức 2: <H2> .........</H2>
Tiêu đề mức 3: <H3> .........</H3>
Tiêu đề mức 4: <H4> .........</H4>
Tiêu đề mức 5: <H5> .........</H5>
Tiêu đề mức 6: <H6> .........</H6>
Mức độ Quan trọng của tiêu đề giãm dần từ 1 đến 6 ( tiêu đề càng quan trọng thì kích thước càng lớn ) thẻ H1 là thẻ quan trọng nhất trong HTML thường được sử dụng cho logo dùng để SEO.
Ví Dụ:
Code HTML: (bấm vào Result để xem hiển thị trình duyệt )
2. Những Cấu trúc không nên sử dụng:
Không được chứa bên trong thẻ tiêu đề các thẻ thuộc nhóm block, code sau đây là sai không đúng chuẩn W3C (sau này mình sẽ viết 1 bài về chuẩn W3C )
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">Tổng Kết:
<html>
<head>
<title>Tiêu đề trang web</title>
</head>
<body>
<h1><p>Đây là đoạn văn</p></h1>
<h2><div>Đây là đoạn văn</div></h2>
<h3>
<dl>
<dt>Tiêu đề</dt>
<dd>Nội dung</dd>
</dl>
</h3>
<h2>
<ul>
<li>liên kết 01</li>
<li>liên kết 02</li>
</ul>
</h2>
</body>
</html>
- Biết cách sử dụng các thẻ tiêu đề.
- Biết những cấu trúc không nên sử dụng với tag tiêu đề.
![[HTML] Bài 9: Các Thẻ Trình Bày Kí Tự và Các kí tự đặt biệt](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjNTOzgDUKZ0l_kjQKDziM-Rll20E61ZWLXZIMKU7hnFle1aCV94XkwwWEc2LQ1eHx06P52ZK5GU7UXBAgO8QEEoO4oRVtfdCs8gIaKD7E3fblAkXmkThGFv3lD6LsHdi8NGyFDP0jjnT8/s72-c/on+page+optimizaton+4.gif)
![[HTML] Bài 5: Nhóm Các Thẻ Block - Thẻ Phân Chia Khu Vực](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikCHF2OoN5Y2fyv7JEEVRLflj1n5-9Re55ZboWR1VRMUBPlDQiPBjBlwo4G6VkmZb8GaqQUp1q6Y2UVf3XK12595BJbVgXC7uP_5wfq9HvPWpdtpeoc_2ofvbvYtIay1BuJMFwgEUphviP/s72-c/title.PNG)
![[CSS] Bài 6: Font chữ for Website](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd1mabCTAW9X9rlmf7IsHq25iNkAcolpw9JYEx__LnUE7lY3OWc1Q8zs1wJLtwdm81QSX7DS3HAU63AExkdSyhvT8cFUPhz-jXMUg9r5LbvmcyqxxC0TzRelCvK3iaI33eVnZnadZZVIpq/s72-c/css-tricks.jpg)
![[CSS] Bài 7. Định Dạng Text](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkBVi3zhYrYugJhnzwBHKWAIT_j9yiIogZ-KZiBP5hLJhzpdj0fdLHhiLx83WKQi6rGP3myW7hHSmaO944ZCcWdjG2aKv_BahCYYANR0-Bisx54CT6Sr1XS7JaDQ1IszPFldlUeqMkUnvm/s72-c/images.jpg)
![[CSS] Bài 1 : CSS là gì ? Giới Thiệu CSS](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqIz0nkILTGKgn_QFe8EiTRXBOlIaOLUwR4EeFSfSsxMzwnDcLqNKzvwNk79G4rTUb8J9Zs6IL0C_QrwJjz5JUvp2Db1p9hyphenhyphen7F1AqmJNqt6fYQx3Z3plDSIwpNnfXx9_wahoBYIP82GUBA/s72-c/250611094109-css.gif)
![[CSS] Bài 5 : Thuộc Tính Background](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfiViccb4B5YUSFaCYs4yxscZWfrW0DPWgbeEy-BTXA7qOP8-L9hPWqqPXuK_yq_8Th2Qfv3rScbpLOfoVy8MslLRDpFcb_tZGYYySG-is_7lt57HkvBGAzLEWHmwcgZ1115XwS793sRsW/s72-c/background.jpg)
![[CSS] Bài 4.2 : CSS Selector](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9ztCy8ASepzUNPbHO6fO5lenhiCsQcg5OIq_PWW7dFZg9Au8drVuDmA9JkG9gVi_C6YXe1khPZD7l5ioAcWsDOobeOuL8u4E07_J-duwpZ_OsM-wqcamZ9VUwTi9t-1DQL-GaaxH9CoO5/)
0 nhận xét: