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

Thẻ comment trong HTML, tạo chú thích bằng HTML
Thuộc tính color, màu trong HTML
Link (liên kết) trong HTML
Tìm hiểu các phần tử block trong HTML
Thẻ img trong HTML
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

  • Sự khác nhau giữa JSON và XML

    XML (Extensible Markup Language) và JSON (JavaScript Object Notation) là 2 định dạng trao đổi dữ liệu phổ biến nhất hiện nay. So sánh JSON và XML, sự khác nhau giữa JSON và XML là gì? Cùng theo dõi bài viết dưới đây để tìm hiểu nhé.

  • Danh sách (list) trong HTML

    Bài viết trước bạn đọc đã cùng Taimienphi.vn tìm hiểu về bảng (table) 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 về danh sách (list) trong HTML.

  • Thẻ img trong HTML

    Trên các trang web đều sử dụng hình ảnh minh họa để làm nổi bật nội dung, đồng thời để tránh người dùng cảm thấy khó chịu vì text quá dài. Trong HTML hình ảnh được chỉ định bằng thẻ img. Tham khaor tiếp bài viết dưới

  • Code Gặp Lại Tây Du mới nhất, cách đổi giftcode

    Gặp Lại Tây Du Mạo Hiểm Mộng Ảo là tựa game nhập vai thẻ tướng mới của ChangYou, lấy bối cảnh 100 năm sau Tây Du Ký. Người chơi sẽ hóa thân thành nhân vật trong cuộc phiêu lưu đầy thử thách, khám phá cốt truyện và gặp gỡ các nhân vật quen thuộc với tạo hình mới. Code Gặp Lại Tây Du sẽ mang đến cho người chơi một trải nghiệm hoàn toàn mới.