HTML Link
HTML Link <a> là một thẻ liên kết trong HTML, được dùng để liên kết các trang web.Nó cho phép người dùng nhấp chuột từ trang này sang trang khác.
Bạn có thể nhận biết thẻ liên kết bằng cách di chuyển chuột, khi bạn di chuyển chuột qua một liên kết thì mũi tên của chuột sẽ biến thành hình một bàn tay nhỏ.
Một link liên kết chưa được truy cập nó được gạch chân và có mà xanh lam.
Một link liên kết đã truy cập nó có được gạch chân và có màu tím.
Một link liên kết đang truy cập nó được gạch chân và có màu đỏ.
Cú pháp thẻ liên kết <a> trong HTML :
<a href="url"> Link text </a>
Giải thích:
href: là thuộc tính của thẻ <a>, nó cho biết đích đến của liên kết.
url: là địa chỉ đường dẫn trang web cần chỉ định đến.
Link text: là nội dung văn bản khi bạn nhấp chuột vào nó sẽ đưa người dùng đến địa chỉ trang web được chỉ định.
Ví dụ
Thẻ link <a> có thuộc tính css mặc đinh như vậy.Tuy nhiên bạn có thể tùy chỉnh style CSS theo ý muốn của bạn.
Cách sử dụng thẻ link <a> trong HTML
Khi sử dụng thẻ <a> bạn cần biết các thuộc tính quan trọng của nó như: href, target, title
Thuộc tính href:
Thuộc tính href nó chứa đích đến là đường dẫn trang web mà bạn cần liên kết tới.
Đường dẫn url của thuộc tính href có 2 loại đó là đường dẫn tuyệt đối và đường dẫn tương đối.
Đường dẫn url tuyệt đối : là một địa chỉ web được ghi đầy đủ trong thuộc tính href.
Ví dụ
Đường dẫn url tương đối: hay liên kết cục bộ (local link) được sử dụng cho các liên kết trong cùng 1 trang web, địa chỉ liên kết được ghi là một phần của liên kết đầy đủ.Nó không có phần http://www
Ví dụ
Thuộc tính target:
Theo mặc định trang liên kết sẽ được hiển thị trong cửa sổ trình duyệt hiện tại.Tuy nhiên bạn có thể thay đổi cách hiển thị đó sang tab mới hoặc sang cửa sổ trình duyệt mới hoặc hiển thị trong một khung hoặc toàn bộ trang bằng các giá trị của thuộc tính như: _self, _blank, _parent, _top.
_self : Mở tài liệu trong cùng cửa sở hoặc trong cùng tab khi nó được click.
_blank: Mở tài liệu trong cửa sổ mới hoặc tab mới.
_parent: Mở tài liệu trong khung cha.
_top: Mở tài liệu ở toàn bộ cửa sổ.
Ví dụ mở một tài liệu trong cửa sổ và tab mới bằng thuộc tính target="_blank" như sau:
Ví dụ
Thuộc tính title:
Thuộc tính title là thông tin tiêu đề bổ sung về một phần tử.Thông tin thường được hiển thị dưới dạng văn bản chú giải khi chuột di chuyển qua phần tử.
Ví dụ
Một số cách link liên kết website:
Có nhiều cách liên kết trong website, bạn có thể sử dụng thẻ link <a> hoặc hình ảnh hoặc nút Button để tạo liên kết.
Liên kết sử dụng thẻ liên kết <a>
Ví dụ
Liên kết sử dụng hình ảnh.Bạn có thể đặt thẻ <img> bên trong thẻ <a> để sử dụng hình ảnh làm liên kết.
Ví dụ
<a href="https://ihoclaptrinh.com/html-co-ban">
<img src="logo-ihoclaptrinh.jpg" alt="Học lập trình" style="width:50px;height:30px">
</a>
Liên kết sử dụng nút Button.Để sử dụng nút button như một link bạn cần phải sử dụng Javascript.