Các yếu tố HTML

Tài liệu HTML được định nghĩa bởi các yếu tố HTML.

Các yếu tố HTML

Yếu tố HTML là tất cả mã từ thẻ mở (start tag) đến thẻ đóng (end tag).

Thẻ mở Nội dung yếu tố Thẻ đóng
<p> Đây là một đoạn văn bản </p>
<a href="default.htm" > Đây là một liên kết </a>
<br />

Ghi chú:Thẻ mở thường được gọi là thẻ mở (opening tag), thẻ đóng thường được gọi là thẻ đóng (closing tag).

Cú pháp yếu tố HTML

  • Yếu tố HTML đượcThẻ mởBắt đầu
  • Yếu tố HTML đượcThẻ đóngKết thúc
  • Nội dung yếu tốlà nội dung giữa thẻ mở và thẻ đóng
  • Một số yếu tố HTML cóNội dung trống (empty content)
  • Yếu tố trốngĐóng trong thẻ mở(kết thúc bằng dấu đóng thẻ bắt đầu)
  • Hầu hết các yếu tố HTML có thể cóThuộc tính

Lưu ý:Bạn sẽ học thêm về thuộc tính trong chương tiếp theo của giáo trình.

Yếu tố HTML được嵌套

Hầu hết các yếu tố HTML có thể được嵌套 (có thể chứa các yếu tố HTML khác).

Tài liệu HTML được cấu thành từ các yếu tố HTML嵌套.

Ví dụ tài liệu HTML

<html>
<body>
<p>Đây là đoạn văn bản đầu tiên của tôi.</p>
</body>
</html>

Ví dụ trên chứa ba yếu tố HTML.

Giải thích ví dụ HTML

Yếu tố <p>:

<p>Đây là đoạn văn bản đầu tiên của tôi.</p>

Yếu tố <p> định nghĩa một đoạn văn bản trong tài liệu HTML.

Yếu tố này có một thẻ mở <p> và một thẻ đóng </p>.

Nội dung yếu tố là: Đây là đoạn văn bản đầu tiên của tôi.

Yếu tố <body>:

<body>
<p>Đây là đoạn văn bản đầu tiên của tôi.</p>
</body>

Yếu tố <body> định nghĩa phần chính của tài liệu HTML.

Yếu tố này có một thẻ mở <body> và một thẻ đóng </body>.

Nội dung yếu tố là một yếu tố HTML khác (yếu tố p).

<html> yếu tố:

<html>
<body>
<p>Đây là đoạn văn bản đầu tiên của tôi.</p>
</body>
</html>

Thẻ <html> định nghĩa toàn bộ tài liệu HTML.

Thẻ này có thẻ mở <html> và thẻ đóng </html>.

Nội dung của thành phần là một thẻ HTML khác (thẻ body).

Đừng quên thẻ đóng

Mặc dù bạn quên không sử dụng thẻ đóng, hầu hết các trình duyệt vẫn hiển thị HTML một cách chính xác:

<p>This is a paragraph
<p>This is a paragraph

Ví dụ trên sẽ hoạt động trong hầu hết các trình duyệt, nhưng đừng dựa vào cách này. Quên không sử dụng thẻ đóng có thể gây ra kết quả hoặc lỗi không mong muốn.

Ghi chú:Các phiên bản HTML tương lai không cho phép bỏ qua thẻ đóng.

Các thành phần HTML rỗng

Các thành phần HTML không có nội dung được gọi là thành phần rỗng. Các thành phần rỗng được đóng trong thẻ mở.

<br> là các thành phần rỗng không có thẻ đóng (thẻ <br> định nghĩa dòng mới).

Trong XHTML, XML và các phiên bản HTML tương lai, tất cả các thành phần都必须 được đóng.

Thêm dấu chéo ngược vào trong thẻ mở, ví dụ <br />, là cách đóng các thành phần rỗng đúng cách, HTML, XHTML và XML đều chấp nhận cách này.

Mặc dù <br> có hiệu lực trong tất cả các trình duyệt, nhưng việc sử dụng <br /> thực sự là một biện pháp bảo vệ lâu dài.

Thông báo HTML: Sử dụng các thẻ chữ thường

Các thẻ HTML không phân biệt chữ hoa, chữ thường: <P> tương đương với <p>. Nhiều trang web đều sử dụng các thẻ HTML in hoa.

CodeW3C.com sử dụng các thẻ chữ thường vì Tổ chức Liên minh Trực tuyến (W3C) trong HTML 4Khuyến nghịSử dụng chữ thường, trong tương lai các phiên bản (X)HTMLBuộcSử dụng chữ thường.