Bài 4 Phần tử trong HTML

Các phần tử HTML

Một phần tử HTML là tất cả nội dung phía trong thẻ bắt đầu và thẻ kết thúc:

Thẻ mở	Nội dung của phần tử	Thẻ đóng
<p>	Đây là một đoạn	</p>
<a href="/default.htm">	Đây là một liên kết	</a>
<br>

* Thẻ bắt đầu thường được gọi là thẻ mở. Thẻ kết thúc thường được gọi là thẻ đóng

Cú pháp của phần tử HTML

Một phần tử HTML bắt đầu với một Thẻ bắt đầu / Thẻ mở
Một phần tử HTML kết thúc với một Thẻ kết thúc / thẻ đóng
Nội dung của phần tử là tất cả những gì nằm giữa thẻ mở và thẻ đóng
Một vài phần tử HTML không có nội dung
Những phần tử không có nội dung là các thẻ không có thẻ đóng
Hầu hết các phần tử HTML đều có những thuộc tính

Sự lồng nhau của các phần tử HTML

Hầu hết các phần tử HTML có thể chứa các phần tử HTML khác.

Những văn bản HTML bao gồm rất nhiều các phần tử HTML khác nhau.

Ví dụ về một văn bản HTML

<!DOCTYPE html> <html> <body> Đây là một đoạn. </body> </html>

Ví dụ này chứa 3 phần tử HTML

Giải thích một số ví dụ về phần tử trong HTML

Phần tử :

<h1>Đây là một đoạn</h1>

Phần tử định nghĩa một đoạn trong văn bản HTML.

Phần tử bắt đầu bằng thẻ mở và kết thúc bằng thẻ đóng là .

Nội dung của phần tử : Đây là một đoạn.

Phần tử <body> :

<body> Đây là một đoạn. </body>

  Phần tử <body> định nghĩa tất cả nội dung trong văn bản HTML.

Phần tử bắt đầu bằng thẻ mở <body> và kết thúc bằng thẻ đóng là </body>.
Nội dung của phần tử là một phần tử HTML khác ( ở đây là phần tử ).

Phần tử <html> :

<html> <body> Đây là một đoạn. </body> </html>

Phần tử <html> định nghĩa đây là văn bản HTML.

Phần tử bắt đầu bằng thẻ mở <html> và kết thúc bằng thẻ đóng là </html>.

Nội dung của phần tử là một phần tử HTML khác ( ở đây là phần tử và phần tử <body> ).

Đừng quên các thẻ đóng.

Một số phần tử HTML vẫn hiển thị đúng ngay cả khi bạn quên thẻ đóng của chúng :

Đây là một đoạnĐây là một đoạn khác

Tuy nhiên lời khuyên của chúng tôi là bạn nên tập thói quen đóng thẻ ngay khi bạn không muốn sử dụng nó nữa, việc này sẽ tránh các lỗi không cần thiết trong quá trình hiển thị văn bản HTML trên các trình duyệt.

Các phần tử HTML đặc biệt

Các phần tử HTML không có thẻ đóng được gọi là các phần tử HTML đặt biệt.

là một phần tử đặc biệt, nó không có thẻ đóng ( Thẻ định nghĩa ngắt một dòng).

Mẹo: Trong XHTML, tất cả các phần tử phải có thẻ đóng, với các thẻ đặc biệt, bạn chỉ cần thêm một dấu gạch chép phía trong thẻ mở, ví dụ như .

Mẹo HTML : Dùng các thẻ với chữ viết thường

Các thẻ HTML không phân biệt chữ hoa và chữ thường, có nghĩa là bạn viết : và đều được. Có rất nhiều trang web dùng các thẻ HTML với chữ viết hoa. Tuy nhiên chúng tôi sử dụng chữ viết thường bởi vì World Wide Web Consortium (W3C) khuyến cáo nên viết chữ thường trong HTML 4, và đòi hỏi thẻ phải viết bằng chữ thường trong XHTML.

theo w3schools.com

: Đây là một đoạn.
Phần tử định nghĩa tất cả nội dung trong văn bản HTML. Phần tử bắt đầu bằng thẻ mở và kết thúc bằng thẻ đóng là . Nội dung của phần tử là một phần tử HTML khác ( ở đây là phần tử ). Phần tử : Đây là một đoạn.
Phần tử định nghĩa đây là văn bản HTML. Phần tử bắt đầu bằng thẻ mở và kết thúc bằng thẻ đóng là . Nội dung của phần tử là một phần tử HTML khác ( ở đây là phần tử và phần tử ). Đừng quên các thẻ đóng. Một số phần tử HTML vẫn hiển thị đúng ngay cả khi bạn quên thẻ đóng của chúng : Đây là một đoạn Đây là một đoạn khác Tuy nhiên lời khuyên của chúng tôi là bạn nên tập thói quen đóng thẻ ngay khi bạn không muốn sử dụng nó nữa, việc này sẽ tránh các lỗi không cần thiết trong quá trình hiển thị văn bản HTML trên các trình duyệt. Các phần tử HTML đặc biệt Các phần tử HTML không có thẻ đóng được gọi là các phần tử HTML đặt biệt.
là một phần tử đặc biệt, nó không có thẻ đóng ( Thẻ
định nghĩa ngắt một dòng). Mẹo: Trong XHTML, tất cả các phần tử phải có thẻ đóng, với các thẻ đặc biệt, bạn chỉ cần thêm một dấu gạch chép phía trong thẻ mở, ví dụ như
. Mẹo HTML : Dùng các thẻ với chữ viết thường Các thẻ HTML không phân biệt chữ hoa và chữ thường, có nghĩa là bạn viết : và đều được. Có rất nhiều trang web dùng các thẻ HTML với chữ viết hoa. Tuy nhiên chúng tôi sử dụng chữ viết thường bởi vì World Wide Web Consortium (W3C) khuyến cáo nên viết chữ thường trong HTML 4, và đòi hỏi thẻ phải viết bằng chữ thường trong XHTML.