Thủ thuật công nghệ

Phần tử trong HTML – Elements

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ẻ –

phần tử trong html
Phần tử trong html
Bắt đầu thẻNội dungThẻ 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:

Có thể bạn cần →   Hướng dẫn tra thông tin của tên miền

Đâ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

Tùng Lâm

Xin chào, mình là Lâm. Hiện tại mình đang là Network Engineer / Security Engineer. TGN là nơi mình viết bài khi có những thời gian rảnh rỗi.

Bài viết liên quan

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
Back to top button
0
Would love your thoughts, please comment.x
()
x