Một phần tử HTML được xác định bởi một thẻ bắt đầu. Nếu phần tử chứa nội dung khác, phần tử đó sẽ kết thúc bằng thẻ đóng, trong đó tên phần tử được đặt trước bằng dấu gạch chéo như hình bên dưới với một vài thẻ –
| Bắt đầu thẻ | Nội dung | Thẻ kết thúc |
|---|---|---|
| <p> | Đây là nội dung đoạn văn. | </p> |
| <h1> | Đây là nội dung tiêu đề. | </h1> |
| <div> | Đây là nội dung phân chia. | </div> |
| <br /> |
Vì vậy, ở đây <p> …. </p> là một phần tử HTML, <h1> … </h1> là một phần tử HTML khác. Có một số phần tử HTML không cần phải đóng, chẳng hạn như phần tử <img … /> , <hr /> và <br /> . Chúng được gọi là phần tử rỗng .
Thẻ và phần tử trong HTML
Một phần tử HTML được xác định bởi một thẻ bắt đầu . Nếu phần tử chứa nội dung khác, phần tử đó sẽ kết thúc bằng thẻ đóng .
Ví dụ: <p> là thẻ bắt đầu của một đoạn văn và </p> là thẻ đóng của cùng một đoạn văn nhưng <p> Đây là đoạn văn </p> là một phần tử của đoạn văn.
Các phần tử HTML lồng nhau
Có thể sử dụng một phần tử HTML bên trong một phần tử HTML khác
Ví dụ :
<!DOCTYPE html>
<html>
<head>
<title>Ví dụ về phần tử lồng nhau</title>
</head>
<body>
<h5>Đây là <i>tiêu đề</i> in nghiêng</h5>
<p>Đây là <u>đoạn văn</u> gạch chân</p>
</body>
</html>Kết quả của ví dụ trên sẽ như sau:
Đây là tiêu đề in nghiêng
Đây là đoạn văn gạch chân
Trên đây là ví dụ minh họa về phần tử ( Elements) trong HTML. Bạn cũng đã có thể hiểu thế nào là phần tử và thế nào là phần tử rỗng. Nếu thấy bài viết hay hãy chia sẻ nhé.
Trợ Giúp Nhanh