HTML Elements

Các phần tử HTML có thể được lồng vào nhau (các yếu tố có thể chứa các thành phần).
Tất cả các tài liệu HTML bao gồm các yếu tố HTML lồng nhau.

HTML Elements

Các yếu tố HTML được viết với một khởi đầu tag, với một kết thúc tag, với các nội dung ở giữa:

< tagname > nội dung < / tagname >

HTML tố là tất cả mọi thứ từ khóa bắt đầu vào cuối từ khóa:

< p > đoạn HTML đầu tiên của tôi. < / p >
Start tag Element content End tag
<h1> My First Heading </h1>
<p> My first paragraph. </p>
<br>    
Chú ý Một số yếu tố HTML không có thẻ kết thúc.

Nested HTML Elements

Các phần tử HTML có thể được lồng vào nhau (các yếu tố có thể chứa các thành phần).

Tất cả các tài liệu HTML bao gồm các yếu tố HTML lồng nhau.

Ví dụ này bao gồm 4 yếu tố HTML:

Thí dụ

<!DOCTYPE html>
<html>

<body>
  <h1>My First Heading</h1>
  <p>My first paragraph.</p>
</body>

</html>
HTML Ví dụ Giải thích Cácyếu tố xác định toàn bộ tài liệu . Nó có một sự khởi đầu tagvà kết thúc thẻ . Các yếu tố nội dung là một yếu tố HTML (phần tử).

HTML Ví dụ Giải thích

Các <html> yếu tố xác định toàn bộ tài liệu .

Nó có một sự khởi đầu tag <html> và kết thúc thẻ </ html>.

Các yếu tố nội dung là một yếu tố HTML (<body> phần tử).

<html>

<body>
  <h1>My First Heading</h1>
  <p>My first paragraph.</p>
</body>

</html>

Các <body> yếu tố xác định các cơ quan tài liệu .

Nó có một sự khởi đầu tag <body> và kết thúc thẻ </ body>.

Các yếu tố nội dung là hai phần tử HTML (<h1> và <p>).

<body>
  <h1>My First Heading</h1>
  <p>My first paragraph.</p>
</body>

 

Các <h1> yếu tố xác định một tiêu đề .

Nó có một sự khởi đầu tag <h1> và kết thúc thẻ </ h1>.

Các yếu tố nội dung là: Heading đầu tiên của tôi.

<h1>My First Heading</h1>

Các <p> yếu tố xác định một đoạn văn .

Nó có một sự khởi đầu tag <p> và kết thúc thẻ </ p>.

Các yếu tố nội dung là: đoạn đầu tiên của tôi.


<p>My first paragraph.</p>
 

Đừng Quên End Tag

Một số yếu tố HTML sẽ hiển thị một cách 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>

 

Ví dụ trên làm việc trong tất cả các trình duyệt, bởi vì các thẻ đóng được coi là tùy chọn.

Không bao giờ dựa vào điều này. Nó có thể tạo ra kết quả bất ngờ và / hoặc sai sót nếu bạn quên thẻ kết thúc.
 

Rỗng Elements HTML

Các yếu tố HTML với nội dung không được gọi là phần tử rỗng.

<br> là một phần tử rỗng mà không có một thẻ đóng (tag <br> định nghĩa một cách dòng).

Phần tử rỗng có thể được "khép kín" trong thẻ mở như thế này: <br />.

HTML5 không yêu cầu phần tử rỗng phải đóng cửa. Nhưng nếu bạn muốn xác nhận khắt khe, hoặc bạn cần để làm cho tài liệu của bạn có thể đọc được bằng cách phân tích cú pháp XML, bạn nên đóng tất cả các phần tử HTML.


HTML Mẹo: Sử dụng chữ thường khóa

Thẻ HTML không trường hợp nhạy cảm: <P> có nghĩa là giống như <p>.

Các tiêu chuẩn HTML5 không yêu cầu thẻ chữ thường, nhưng W3C khuyến cáo chữ thường trong HTML4, và đòi hỏichữ thường cho các loại tài liệu khắt khe như XHTML.

scroll-top
contact messenger contact call