Phần tử HTML
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à tất cả 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>). Các phần tử này được gọi là phần tử rỗ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 đều 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>và ):<h1><p>
Thí dụ
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Giải thích ví dụ
Phần <html>tử là phần tử gốc và nó định nghĩa toàn bộ tài liệu HTML.
Nó có một thẻ bắt đầu <html>và một thẻ kết thúc </html>.
Sau đó, bên trong <html>phần tử có một <body>
phần tử:
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
Phần <body>tử xác định phần thân của tài liệu.
Nó có một thẻ bắt đầu <body>và một thẻ kết thúc </body>.
Sau đó, bên trong <body>phần tử có hai phần tử khác:
<h1>và
<p>:
<h1>My First Heading</h1>
<p>My first paragraph.</p>Phần <h1>tử xác định một tiêu đề.
Nó có một thẻ bắt đầu <h1>và một thẻ kết thúc </h1>:
<h1>My First Heading</h1>
Phần <p>tử xác định một đoạn văn.
Nó có một thẻ bắt đầu <p>và một 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ố phần tử HTML sẽ hiển thị chính xác, ngay cả khi bạn quên thẻ kết thúc:
Thí dụ
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
Tuy nhiên, đừng bao giờ dựa vào điều này! Kết quả không mong muốn và có thể xảy ra lỗi nếu bạn quên thẻ kết thúc!
Phần tử HTML trống
Phần tử HTML không có nội dung được gọi là phần tử trống.
Thẻ <br>xác định ngắt dòng và là một phần tử trống không có thẻ đóng:
Thí dụ
<p>This is a <br> paragraph with a line break.</p>
HTML không phân biệt chữ hoa chữ thường
Các thẻ HTML không phân biệt chữ hoa chữ thường: <P>có nghĩa là giống như <p>.
Tiêu chuẩn HTML không yêu cầu thẻ chữ thường, nhưng W3C đề xuất chữ thường trong HTML và yêu cầu chữ thường cho các loại tài liệu nghiêm ngặt hơn như XHTML.
Tại W3Schools, chúng tôi luôn sử dụng các tên thẻ viết thường.
Tham chiếu thẻ HTML
Tham chiếu thẻ của W3Schools 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 .