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à href và title:

<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 đó).