Khám phá thế giới của các phần tử trong HTML

Bài viết dưới đây của Mytour sẽ hướng dẫn bạn qua từng bước để hiểu sâu hơn về các phần tử trong HTML. Hãy tham khảo thêm các bài viết khác trên Mytour để có cái nhìn tổng quan về HTML nhé.

Khám phá các phần tử trong ngôn ngữ lập trình HTML

1. Khám Phá Các Phần Tử Trong HTML

Trong HTML, mỗi phần tử thường chứa một thẻ bắt đầu và một thẻ kết thúc, nội dung được đặt giữa chúng.

Phần tử HTML là một phần nội dung nằm giữa thẻ bắt đầu và thẻ kết thúc.

Các thành phần trong HTML không chứa nội dung được gọi là thành phần trống. Các thành phần trống không có thẻ kết thúc, ví dụ như thành phần br.

Trong HTML, các thành phần có thể được lồng vào nhau, tức là một thành phần có thể chứa các thành phần khác.

Tất cả các tài liệu HTML đều chứa các thành phần HTML được lồng vào nhau.

Ví dụ: trong ví dụ dưới đây minh họa 4 phần tử HTML lồng nhau:

Kết quả sau khi sử dụng phần tử HTML lồng nhau sẽ có dạng như sau:

Trong ví dụ này:

Phần tử html xác định toàn bộ cấu trúc của tài liệu.

- Trong tài liệu HTML, có một thẻ mở html và một thẻ đóng html.

- Phần tử body, hay còn gọi là phần tử thân, nằm trong phần tử html.

Phần tử body xác định nội dung chính của tài liệu.

- Trong tài liệu HTML, có một thẻ mở body và một thẻ đóng body.

- Trong phần tử body của tài liệu, có 2 phần tử HTML được sử dụng: h1 và p.

Phần tử h1 định nghĩa tiêu đề.

- Có một thẻ mở h1 và một thẻ đóng h1.

- Nội dung của phần tử là Mytour. Trong ví dụ này, nội dung h1 được hiển thị là h1Mytour h1.

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

- Bao gồm một thẻ mở p và một thẻ đóng p.

- Nội dung của phần tử là: Học HTML trên Mytour. Trong ví dụ này,

1.2 Sử dụng thẻ kết thúc trong HTML

Có một số phần tử HTML có thể hiển thị chính xác ngay cả khi chúng ta quên không sử dụng thẻ kết thúc.

Ví dụ 1:

Trong ví dụ này, ngay cả khi không có thẻ kết thúc, kết quả vẫn hiển thị chính xác như sau:

Lưu ý: Tuy nhiên, không phải lúc nào các phần tử HTML cũng hiển thị chính xác, vì vậy Mytour khuyến cáo bạn nên sử dụng thẻ kết thúc.

1.3 Phần tử trống trong HTML

Các phần tử HTML không có nội dung (content) được gọi là phần tử trống.

Phần tử br được coi là phần tử trống vì nó không có thẻ kết thúc. Trong HTML, thẻ br thường được sử dụng để tạo ra một dòng mới.

Ví dụ minh họa:

Kết quả sau khi sử dụng thẻ br sẽ như sau:

Các phần tử trống có thể được viết trong thẻ mở như br /.

1.4 HTML không phân biệt chữ hoa chữ thường

Thẻ HTML không phân biệt chữ hoa chữ thường, vì vậy bạn có thể sử dụng P hoặc p đều được.

Bài viết trên đây Mytour vừa giới thiệu cho bạn các phần tử trong HTML. Nếu bạn có bất kỳ thắc mắc hoặc câu hỏi nào cần được giải đáp như cách thiết lập đường dẫn file trong HTML, bạn đọc có thể để lại ý kiến của mình trong phần bình luận dưới bài viết nhé.