Thuộc tính HTML cung cấp thông tin bổ sung về các phần tử HTML.
Thuộc tính HTML
Tất cả các phần tử HTML đều có thể có thuộc tính
Thuộc tính cung cấp thông tin bổ sung về các phần tử
Các thuộc tính luôn được chỉ định trong thẻ bắt đầu
Các thuộc tính thường có cặp tên/giá trị như: name=”value”
Thuộc tính href
Thẻ <a> xác định một siêu liên kết. Thuộc tính href chỉ định URL của trang mà liên kết tới:
Ví dụ
<a href="https://www.w3schools.com">Visit W3Schools</a>
Thuộc tính src
Thẻ được sử dụng để nhúng hình ảnh vào trang HTML. Thuộc tính src chỉ định đường dẫn đến hình ảnh sẽ được hiển thị:
<img src="img_girl.jpg">
Có hai cách để chỉ định URL trong thuộc tính src:
- URL tuyệt đối – Liên kết tới hình ảnh bên ngoài được lưu trữ trên một trang web khác. Ví dụ: src=”https://www.w3schools.com/images/img_girl.jpg”.
Lưu ý: Hình ảnh bên ngoài có thể có bản quyền. Nếu bạn không được phép sử dụng nó, bạn có thể vi phạm luật bản quyền. Ngoài ra, bạn không thể kiểm soát hình ảnh bên ngoài; nó có thể đột ngột bị loại bỏ hoặc thay đổi.
- URL tương đối – Liên kết tới hình ảnh được lưu trữ trong trang web. Ở đây, URL không bao gồm tên miền. Nếu URL bắt đầu không có dấu gạch chéo, nó sẽ liên quan đến trang hiện tại. Ví dụ: src=”img_girl.jpg”. Nếu URL bắt đầu bằng dấu gạch chéo thì nó sẽ liên quan đến tên miền. Ví dụ: src=”/images/img_girl.jpg”.
Mẹo: Tốt nhất bạn nên sử dụng URL tương đối. Chúng sẽ không bị hỏng nếu bạn thay đổi tên miền.
Thuộc tính width và height
Thẻ cũng phải chứa thuộc tính chiều rộng và chiều cao, xác định chiều rộng và chiều cao của hình ảnh (tính bằng pixel):
<img src="img_girl.jpg" width="500" height="600">
Thuộc tính alt
Thuộc tính alt bắt buộc cho thẻ chỉ định văn bản thay thế cho hình ảnh, nếu hình ảnh vì lý do nào đó không thể hiển thị được. Điều này có thể do kết nối chậm hoặc lỗi trong thuộc tính src hoặc do người dùng sử dụng trình đọc màn hình.
<img src="img_girl.jpg" alt="Girl with a jacket">
Ví dụ:
<img src="img_typo.jpg" alt="Girl with a jacket">