💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!
Cập nhật: 31 tháng 5 năm 2026
HTML đầu tiên | Hướng dẫn hiển thị Hello World
📌
Kết luận
Chỉ cần viết <h1>Hello World</h1> là xong
📝 Mã thực tế tại đây
<h1>Hello World</h1>Thẻ h1 là gì?
<h1> là thẻ lớn nhất trong các "thẻ tiêu đề" (heading tags).
Nó giống như tiêu đề chính trên trang nhất của một tờ báo.
Trong HTML, chúng ta gán ý nghĩa cho văn bản bằng cách bao quanh nó bằng các "thẻ" (tags).
| Thẻ | Ý nghĩa | Cách dùng |
|---|---|---|
<h1> | Tiêu đề quan trọng nhất | Tiêu đề trang (khuyên dùng 1 thẻ mỗi trang) |
<h2> | Tiêu đề cấp 2 | Tiêu đề cho các phần (sections) |
<h3> | Tiêu đề cấp 3 | Tiêu đề cho các phần nhỏ (subsections) |
<p> | Đoạn văn | Văn bản nội dung chính |
Quy tắc viết thẻ
Thẻ HTML có "thẻ mở" và "thẻ đóng".📝 Mã thực tế tại đây
<h1>Hello World</h1>
↑Thẻ mở ↑Thẻ đóng (có dấu /)/ ở thẻ đóng, văn bản sẽ không được hiển thị chính xác.
Các lỗi thường gặp và cách xử lý
| Lỗi | Nguyên nhân | Cách xử lý |
|---|---|---|
| Không hiển thị gì | Sử dụng dấu ＜＞ toàn chiều (full-width) | Đổi sang dấu <> bán chiều (half-width) |
| Thẻ bị hiển thị nguyên văn | Quên thẻ đóng </h1> | Thêm thẻ đóng |
| Giao diện trông lạ | Viết h1 thành H1 | Vẫn chạy được nhưng khuyên dùng chữ thường |
Tổng kết
- Quy tắc cơ bản của HTML là "bao quanh bằng thẻ" -<h1> là tiêu đề quan trọng nhất. Khuyên dùng 1 thẻ mỗi trang
- Viết thẻ mở và thẻ đóng thành một cặp
Hãy thử trong phần bài tập
Hãy thử nhập<h1>Hello World</h1> vào trình soạn thảo bên dưới và chạy thử nhé.🧪 Thử nghiệm tại đây
Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.
■ Bài tập thực hành
Hãy viết mã HTML để hiển thị dòng chữ 'Hello World'. Sử dụng thẻ h1 mà bạn đã học ở trên.
Gợi ý khi gặp khó khăn
Sử dụng thẻ h1. Bao quanh văn bản bằng <h1> và </h1>.