Tìm hiểu các phần tử trong HTML

Trong bài viết trước Taimienphi.vn đã giới thiệu cho bạn các thuộc tính trong HTML, trong bài viết tiếp theo dưới đây Taimienphi.vn sẽ giới thiệu tiếp cho bạn các phần tử trong HTML.

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é.

cac phan tu trong html hoc html

Tìm hiểu các phần tử trong HTML

Mục Lục bài viết:
1. Các phần tử trong HTML
1.1. Phần tử HTML lồng nhau
1.2. Thẻ end trong HTML
1.3. Phần tử trống trong HTML
1.4. HTML không phân biệt chữ hoa chữ thường

 

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ụ: cac phan tu trong html

cac phan tu trong html 2

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:

cac phan tu trong html 3

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

cac phan tu trong html 4

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.

cac phan tu trong html 5

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.

cac phan tu trong html 6

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à

cac phan tu trong html 7

 

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:

cac phan tu trong html 8

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:

cac phan tu trong html 9

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ụ:

cac phan tu trong html 10

Kết quả trả về sau khi sử dụng thẻ br có dạng như dưới đây:

cac phan tu trong html 11

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.

https://thuthuat.taimienphi.vn/cac-phan-tu-trong-html-51105n.aspx
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é.

Tác giả: Hoàng Bách     (4.0★- 3 đánh giá)  ĐG của bạn?

  

Bài viết liên quan

Thuộc tính color, màu trong HTML
Thẻ Heading trong HTML, thẻ H1, H2, H3, H4, H5, H6
HTML và XHTML, khái niệm về cách sử dụng
Responsive Web Design trong HTML
URL trong HTML là gì? cấu trúc như thế nào?
Từ khoá liên quan:

Các phần tử trong HTML. HTML

, phần tử HTML, thuộc tính trong HTML,

SOFT LIÊN QUAN
  • Copy HTML

    Sao chép mã nguồn HTML

    Rất ít người trong chúng ta còn xa lạ HTML, đây là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên hoặc diễn tả một trang web. Ví dụ như chỉ cần một đoạn thông tin trong bất kỳ trang web nào đó là bạn đã có thể tra ra ...

Tin Mới


 Mùa hè tới rồi muốn so sánh giá tìm điều hòa giá rẻ nhất thị trường hãy dùng TopGia để so sanh gia có nhiều mẫu dieu hoa để so sanh sanh, xem dieu hoagiá rẻ để so sánh giá