Phần Tử và Thuộc Tính

Phần Tử

Phần tử bao gồm thẻ đóng, thẻ mở và toàn bộ nội nằm bên trong 2 thẻ này. Ví dụ ứng với thẻ <h1> chúng ta sẽ có một phần tử h1 sẽ như sau:

<h1>Tiêu đề</h1>

Phần tử HTML

Bạn lưu ý rằng với mỗi một thẻ HTML trên trang chúng ta sẽ có tương ứng một phần tử HTML được tạo ra tương ứng với nó.

Để dễ dàng phân biệt thẻ và phần tử HTML bạn cần chú ý tới hai điểm quan trọng sau:

  • Khi nói về thẻ chúng ta thường sẽ để tên thẻ bao bọc bởi cặp dấu ngoặc nhọn <> ví dụ <tagname>, ngược lại khi nói về phần tử chúng ta chỉ cần tới tên thẻ mà không cần cặp dấu ngoặc này ví dụ tagname. - Mặc dù tên phần tử được lấy trùng với tên thẻ và đồng thời phần tử và thẻ có mối quan hệ mật thiết với nhau tuy nhiên chúng vẫn là hai khái niệm khác biệt.

Phần Tử Rỗng

Đối với các thẻ HTML tự đóng như thẻ <br>, <img>, <hr>... thì phần tử HTML tương ứng với chúng được gọi là phần tử rỗng (hay phần tử trống).

Thuộc Tính

Thuộc tính được sử dụng để để bổ sung thêm dữ liệu (hay thông tin) cho phần tử. Mỗi phần tử có thể có một hoặc nhiều các thuộc tính.

Với ví dụ dưới đây thì phần tử a tương ứng tạo bới thẻ <a> có hai thuộc tính là hreftitle:

<a href="https://www.codehub.vn" title="Trang chủ CodeHub.vn">CodeHub.vn</a>

Ví Dụ Về Thuộc Tính Phần Tử HTML

Trong đó:

  • Thuộc tính href dùng để quy định địa chỉ của liên kết.
  • Thuộc tính title dùng để thêm tiêu đề cho liên kết giúp người dùng hiểu được nội dung tóm tắt của liên kết này

Lưu ý: Tiêu đề của liên kết sẽ chỉ được hiển thị trên trình duyệt máy tính khi bạn rê chuột lên liên kết đó).

3 Bình Luận

Toàn Hoàng Toàn Hoàng

cho e hỏi Thuộc tính href vs title dùng tnao ạ.

Nguyễn Duy Nguyễn Duy

Trong bài có nói rồi đó bạn

Đỗ Thảo Đỗ Thảo

em ms học thấy trang này cx rất hay em sẽ luôn ủng hộ

Nguyễn Duy Nguyễn Duy

Thế thì share giùm team mình với nhé bạn:3

Nguyễn Keen Nguyễn Keen

cho e hỏi là muốn thực hành thì t/hành ở notepad phải ko ak và chạy thử ở đâu ạ

Nguyễn Lưu Nguyễn Lưu

lưu lại tên file đuôi html. Dùng trình duyệt web như chorm để mở nha bạn

Nội dung không được để trống

Hướng Dẫn Liên Quan