href
a href là một thẻ html rất quan trọng, thường được sử dụng để tạo liên kết trong html. Thẻ a có nhiều thuộc tính giúp chúng ta có thể dễ dàng tạo liên kết đến các đường link, trang web, email hay tập tin…
Cú pháp: <a href=”liên kết liên kết” >Nội dung liên kết</a>
Bạn nhớ rằng bạn phải đóng thẻ khi mở thẻ: <a> </a>. Dưới đây là một ví dụ cơ bản về thẻ .
.
xem pen a href | cách tạo liên kết trong html trên codepen.dark bằng alantien (@alantien)
Các trình duyệt hỗ trợ thẻ tạo liên kết trong html
Mặc định là màu xanh lam (blue) khi thẻ liên kết được sử dụng trong html, và được gạch chân nếu liên kết không sử dụng css.
Ví dụ về sử dụng thẻ để tạo liên kết trong html
Liên kết email ở định dạng html
Liên kết mở tệp .doc bằng html
Văn bản neo trong html
Thuộc tính tiêu đề trong thẻ
Cú pháp: <a href=”link link” title=”link title” >Nội dung liên kết</a>.
Thuộc tính tiêu đề
giúp người dùng hoặc rô-bốt hiểu nội dung của liên kết. Điều này là tuyệt vời cho trang web của chúng tôi.
thuộc tính taget
Chúng tôi có các thuộc tính mục tiêu phổ biến sau:
- _bank: Mở liên kết trong tab mới
- _parent: mở một liên kết trong cùng một tab
- _self: Nếu chúng ta không sử dụng thuộc tính target trong thẻ a
- _top: Có chức năng tương tự như _parent.
., giá trị mặc định
Hãy chú ý đến thuộc tính target=”_bank” tại đây. Thuộc tính này được sử dụng thường xuyên nhất. Bạn có thể xem một ví dụ bên dưới
Ngoài ra, thẻ a có nhiều thuộc tính nhưng lại rất dễ sử dụng như rel, name… Mình sẽ giới thiệu với các bạn ở các khóa học sau. Thực ra để tạo link trong html rất đơn giản, đây là một link chuẩn mà mình hay sử dụng trong series học html cơ bản.
Chúc các bạn thành công và sử dụng thành thạo thẻ a để tạo liên kết trong html. Nếu bạn có bất kỳ câu hỏi, xin vui lòng liên hệ với tôi.
