Nền tảng của Web Development
Tham khảo chi tiết các thẻ HTML cơ bản với cách sử dụng, attributes, ví dụ thực tế và kết quả hiển thị. Từ text formatting đến semantic elements.
<h1-h6>Heading TagsThẻ tiêu đề tạo hierarchy cho nội dung, từ quan trọng nhất (h1) đến ít quan trọng nhất (h6)
Cấu trúc nội dung, SEO, accessibility
idclassstyletitle<h1>Tiêu đề chính - Level 1</h1>
<h2>Tiêu đề phụ - Level 2</h2>
<h3>Tiêu đề cấp 3 - Level 3</h3>
<h4>Tiêu đề cấp 4 - Level 4</h4>
<h5>Tiêu đề cấp 5 - Level 5</h5>
<h6>Tiêu đề cấp 6 - Level 6</h6>Mỗi trang chỉ nên có 1 h1, các heading khác theo thứ tự logic không bỏ cấp
<article>
<h1>Bài viết chính</h1>
<section>
<h2>Phần giới thiệu</h2>
<h3>Lịch sử</h3>
<h3>Tầm quan trọng</h3>
</section>
<section>
<h2>Nội dung chi tiết</h2>
<h3>Phương pháp 1</h3>
<h3>Phương pháp 2</h3>
</section>
</article>Heading hierarchy giúp tạo table of contents tự động và cải thiện SEO
| Thẻ | Tên | Mục đích | Category | Level |
|---|---|---|---|---|
<h1-h6> | Heading Tags | Cấu trúc nội dung, SEO, accessibility | text | basic |
<p> | Paragraph | Hiển thị văn bản, nội dung chính | text | basic |
<strong> | Strong Importance | Nhấn mạnh nội dung quan trọng | text | basic |
<em> | Emphasis | Nhấn mạnh ngữ điệu, ý nghĩa | text | basic |
<ul> | Unordered List | Liệt kê items không có thứ tự | structure | basic |
<ol> | Ordered List | Liệt kê items theo thứ tự, hướng dẫn từng bước | structure | basic |
<a> | Anchor/Link | Navigation, liên kết external/internal | structure | basic |
<img> | Image | Hiển thị hình ảnh, graphics, icons | media | basic |
<table> | Table | Hiển thị data có cấu trúc, so sánh thông tin | structure | intermediate |
<form> | Form | Login, registration, surveys, contact forms | form | intermediate |
<input> | Input | Thu thập data từ user | form | intermediate |
<header> | Header | Site header, article header, section header | semantic | intermediate |
<nav> | Navigation | Main navigation, breadcrumb, pagination | semantic | intermediate |
<main> | Main Content | Wrap nội dung chính, skip link target | semantic | intermediate |
<section> | Section | Chia content thành các phần có chủ đề | semantic | intermediate |
<article> | Article | Blog posts, news articles, comments, widgets | semantic | intermediate |
<footer> | Footer | Site footer, article footer, section footer | semantic | intermediate |