Bài viết dưới đây Taimienphi.vn sẽ giới thiệu cho bạn các phần tử trong HTML, ngoài ra bạn đọc có thể tham khảo thêm một số bài viết khác trên Taimienphi.vn để tìm hiểu HTML là gì nhé.
1. Các phần tử trong HTML
Trong HTML, phần tử thường bao gồm một thẻ start và một thẻ end, phần nội dung được chèn ở giữa.
Phần tử HTML là các nội dung bất kỳ nằm trong thẻ start đến thẻ end.
Ví dụ:
Các phần tử HTML không có nội dung được gọi là phần tử trống. Các phần tử trống không có thẻ end, ví dụ như phần tử br.
1.1 Phần tử HTML lồng nhau
Các phần tử trong HTML có thể lồng với nhau, tức là phần tử này có thể chứa các phần tử khác.
Tất cả các tài liệu HTML đều chứa phần tử HTML lồng nhau.
Ví dụ: trong ví dụ dưới đây minh hoạt 4 phần tử HTML lồng nhau:
Kết quả sau khi sử dụng phần tử HTML lồng nhau có dạng như dưới đây:
Trong ví dụ trên:
Phần tử html định nghĩa toàn bộ tài liệu.
- Có một thẻ start html và một thẻ end html.
- Trong phần tử html là phần tử body hay nói cách khác phần tử body được lồng trong phần tử html.
Phần tử body xác định phần thân của tài liệu.
- Có một thẻ start body và một thẻ end body.
- 2 phần tử HTML được lồng trong phần tử body: h1 và p.
Phần tử h1 xác định heading.
- Có một thẻ start h1 và một thẻ end h1.
- Phần tử content là Taimienphi.vn. Trong ví dụ trên là h1Taimienphi.vn h1.
Phần tử p xác định đoạn văn bản.
- Bao gồm một thẻ start p và một thẻ end p.
- Phần tử content là: Hoc HTML tren Taimienphi.vn. Trong ví dụ trên là
1.2 Thẻ end trong HTML
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ẻ end.
Ví dụ 1:
Trong ví dụ trên ngay cả khi không có thẻ end, kết quả trả về vẫn hiển thị chính xác như dưới đây:
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 Taimienphi.vn khuyến cáo bạn nên sử dụng thẻ end.
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à các phần tử trống.
br là phần tử trống vì không có thẻ đóng. Thẻ br trong HTML được sử dụng để chèn ngắt xuống dòng.
Ví dụ:
Kết quả trả về sau khi sử dụng thẻ br có dạng như dưới đây:
Các phần tử trống có thể được đặ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 chúng ta có thể sử P hay p đều được.
Bài viết trên đây Taimienphi.vn vừa giới thiệu cho bạn các phần tử trong HTML. Ngoài ra nếu có bất kỳ thắc mắc hoặc câu hỏi nào cần giải đáp như thiết lập đường dẫn file trong HTML như thế nào?, bạn đọc có thể để lại ý kiến của mình trong phần bình luận bên dưới bài viết nhé.