HTML - Phần tử

An HTML elementđượ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ử đó 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 />

Nên ở đâ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ư<img.../>, <hr /> và <br />các yếu tố. Chúng được gọi làvoid elements.

Tài liệu HTML bao gồm một cây gồm các phần tử này và chúng chỉ định cách tài liệu HTML nên được xây dựng và loại nội dung nào nên được đặt trong phần nào của tài liệu HTML.

Thẻ HTML so với phần tử

Một phần tử HTML được xác định bởi 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 nhưng <p>This is paragraph</p> là một thành phần của đoạn văn.

Các phần tử HTML lồng nhau

Rất được phép giữ một phần tử HTML bên trong một phần tử HTML khác -

Thí dụ

<!DOCTYPE html>
<html>

   <head>
      <title>Nested Elements Example</title>
   </head>
	
   <body>
      <h1>This is <i>italic</i> heading</h1>
      <p>This is <u>underlined</u> paragraph</p>
   </body>
	
</html>

Điều này sẽ hiển thị kết quả sau: