Phần tử HTML
Một phần tử HTML được xác định bởi thẻ bắt đầu, một số nội dung và thẻ kết thúc.
Phần tử HTML
Phần tử HTML là mọi thứ từ thẻ bắt đầu đến thẻ kết thúc:
Ví dụ về một số phần tử HTML:
Start tag | Element content | End tag |
---|---|---|
<h1> | My First Heading | </h1> |
<p> | My first paragraph. | </p> |
<br> | none | none |
Lưu ý: Một số phần tử HTML không có nội dung (như phần tử <br>). Những phần tử này được gọi là phần tử trống. Các phần tử trống không có thẻ kết thúc!
Các phần tử HTML lồng nhau
Các phần tử HTML có thể được lồng vào nhau (điều này có nghĩa là các phần tử có thể chứa các phần tử khác).
Tất cả các tài liệu HTML bao gồm các phần tử HTML lồng nhau.
Ví dụ sau chứa bốn phần tử HTML ( <html>
, <body>
, <h1>
và <p>
):
Ví dụ
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Hãy tự mình thử »Ví dụ giải thích
Phần tử <html>
là phần tử gốc và nó xác định toàn bộ tài liệu HTML.
Nó có thẻ bắt đầu <html>
và thẻ kết thúc </html>
.
Sau đó, bên trong phần tử <html>
có phần tử <body>
:
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
Phần tử <body>
xác định phần thân của tài liệu.
Nó có thẻ bắt đầu <body>
và thẻ kết thúc </body>
.
Sau đó, bên trong phần tử <body>
có hai phần tử khác: <h1>
và <p>
:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
Phần tử <h1>
xác định tiêu đề.
Nó có thẻ bắt đầu <h1>
và thẻ kết thúc </h1>
:
<h1>My First Heading</h1>
Phần tử <p>
xác định một đoạn văn.
Nó có thẻ bắt đầu <p>
và thẻ kết thúc </p>
:
<p>My first paragraph.</p>
Không bao giờ bỏ qua thẻ kết thúc
Một số thành phần HTML sẽ hiển thị chính xác ngay cả khi bạn quên thẻ kết thúc:
Tuy nhiên, đừng bao giờ dựa vào điều này! Kết quả và lỗi không mong muốn có thể xảy ra nếu bạn quên thẻ kết thúc!
Các phần tử HTML trống
Các phần tử HTML không có nội dung được gọi là các phần tử trống.
Thẻ <br>
xác định ngắt dòng và là phần tử trống không có thẻ đóng:
HTML không phân biệt chữ hoa chữ thường
Thẻ HTML không phân biệt chữ hoa chữ thường: <P>
có nghĩa giống như <p>
.
Tiêu chuẩn HTML không yêu cầu thẻ chữ thường, nhưng W3C khuyến nghị chữ thường trong HTML và yêu cầu chữ thường cho các loại tài liệu chặt chẽ hơn như XHTML.
Tại Example.com.vn chúng tôi luôn sử dụng tên thẻ chữ thường.
Bài tập HTML
Tham chiếu thẻ HTML
Tham chiếu thẻ của Example.com.vn chứa thông tin bổ sung về các thẻ này và thuộc tính của chúng.
Tag | Description |
---|---|
<html> | Defines the root of an HTML document |
<body> | Defines the document's body |
<h1> to <h6> | Defines HTML headings |
Để có danh sách đầy đủ tất cả các thẻ HTML có sẵn, hãy truy cập Tham khảo thẻ HTML của chúng tôi.