Tiêu đề HTML

Trong tài liệu HTML, tiêu đề rất quan trọng.

Tiêu đề HTML

Tiêu đề (Heading) được định nghĩa thông qua các thẻ <h1> - <h6>.

<h1> Định nghĩa tiêu đề lớn nhất。<h6> Định nghĩa tiêu đề nhỏ nhất。

Ví dụ

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

Thử ngay

Chú thích:Trình duyệt sẽ tự động thêm dòng trống trước và sau tiêu đề.

Chú thích:Mặc định, HTML sẽ tự động thêm một dòng trống bổ sung trước và sau các phần tử khối, chẳng hạn như đoạn văn và các phần tử tiêu đề.

Tiêu đề rất quan trọng

Hãy đảm bảo chỉ sử dụng thẻ heading HTML để thể hiện tiêu đề. Đừng chỉ sử dụng tiêu đề để tạo văn bản đậm hoặc lớn.

Công cụ tìm kiếm sử dụng tiêu đề để lập chỉ mục cấu trúc và nội dung của trang web của bạn.

Bởi vì người dùng có thể duyệt qua trang web của bạn nhanh chóng thông qua các tiêu đề, vì vậy việc sử dụng tiêu đề để thể hiện cấu trúc tài liệu rất quan trọng.

Nên sử dụng h1 để làm tiêu đề chính (quan trọng nhất), sau đó là h2 (quan trọng thứ hai), tiếp theo là h3, và như vậy.

Đường chân trời ngang HTML

Thẻ <hr> được sử dụng để tạo đường chân trời ngang trong trang HTML.

thẻ <hr> có thể được sử dụng để phân隔 nội dung.

Ví dụ

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>

Thử ngay

Lưu ý:Sử dụng đường ngang (<hr> thẻ) để phân隔 các phần của bài viết là một cách (nhưng không phải là cách duy nhất).

Chú thích HTML

Bạn có thể chèn chú thích vào mã HTML để cải thiện khả năng đọc và dễ hiểu hơn. Trình duyệt sẽ bỏ qua chú thích và không hiển thị chúng.

Chú thích được viết như sau:

Ví dụ

<!-- This is a comment -->

Thử ngay

Chú thích:Sau dấu ngoặc mở (dấu ngoặc bên trái) cần có một dấu chấm hỏi, trước dấu ngoặc đóng (dấu ngoặc bên phải) không cần.

Lưu ý:Việc sử dụng chú thích một cách hợp lý có thể giúp ích cho công việc chỉnh sửa mã trong tương lai.

Cảnh báo HTML - Cách xem mã nguồn

Bạn chắc chắn đã ngạc nhiên khi nhìn thấy một trang web nào đó và nói “WOW! Làm thế nào để thực hiện điều đó?”

Nếu bạn muốn tìm ra bí mật, chỉ cần nhấp chuột phải, sau đó chọn “Xem mã nguồn trang” (IE) hoặc “Xem mã nguồn trang” (Firefox), cách làm tương tự cũng áp dụng cho các trình duyệt khác. Làm như vậy sẽ mở một cửa sổ chứa mã nguồn HTML của trang.

Các ví dụ từ trang này

Tiêu đề
Cách hiển thị tiêu đề trong tài liệu HTML.
Chú thích ẩn
Cách chèn chú thích trong mã nguồn HTML.
Đường ngang
Cách chèn đường ngang.

Hướng dẫn tham khảo thẻ HTML

Hướng dẫn tham khảo thẻ CodeW3C.com cung cấp thêm thông tin về các tiêu đề này và thuộc tính của chúng.

Bạn sẽ học thêm về các thẻ và thuộc tính HTML trong các chương tiếp theo của hướng dẫn này.

Thẻ Mô tả
<html> Định nghĩa tài liệu HTML.
<body> Định nghĩa phần chính của tài liệu.
<h1> đến <h6> Định nghĩa tiêu đề HTML.
<hr> Định nghĩa đường ngang.
<!--...--> Định nghĩa chú thích.