Người Viết : ViKiMi Editor

HTML Links / Liên kết HTML tạo ra một Website tương tác cao khi bạn thiết kế đúng cách
Tạo ra các liên kết với một trang Web thực sự là điều buộc phải có. Các Trang Web sẽ kết nối với nhau thông các liên kết, nhờ vậy người dùng có thể truy cập liên tục tới các trang Web khác nhau. Việc sử dụng các liên kết trên một trang Web giúp cho Website có các hình thức thể hiện chức năng hoặc các tổ chức danh mục truy cập.
Vậy liên kết HTML là gì, cách sử dụng như thế nào?
+ Liên kết HTML ( HTML Links ) là siêu liên kết ( Hyperlinks ).
Người dùng sẽ luôn thấy rằng :
+ Họ sẽ kích / click vào các liên kết để di chuyển đến một tài liệu khác ( Trang Web khác ).
+ Họ di chuyển chuột qua một liên kết, mũi tên chuột sẽ hiển thị thành một bàn tay nhỏ.
CÚ PHÁP ::
<a href = “url”> Văn bản liên kết </a>
EXAMPLE ::
<!DOCTYPE html>
<html>
<body>
<h1>Liên Kết HTML</h1>
<p> <a href = "https://www.website.com/"> Website! </a> </p>
</body>
</html>
HTML Liên kết chính là thẻ <a> ( Anchor Element ) phía trên.
1 ) Các thuộc tính quan trọng của Anchor Tag mà bạn cần biết :
+ Thuộc tính href / The href attribute :
Thuộc tính này cho biết đích đến của liên kết cho phép người dùng thực hiện truy cập.
Ở phía trên có đích đến là https://www.website.com/
+ Thuộc tính target / The target Attribute :
Thuộc tính này cho phép chỉ định cách hiển thị Trang Đích Đến trên của sổ trình duyệt
Các giá trị của thuộc tính Target :
_self : Mặc định. Mở tài liệu trong cùng cửa sổ/tab khi tài liệu được nhấp vào
_blank : Mở tài liệu trong cửa sổ hoặc tab mới
_parent : Mở tài liệu trong khung cha
_top : Mở tài liệu với toàn bộ cửa sổ
2 ) Sử dụng Hình Ảnh làm liên kết
Ngoài việc sử dụng Liên kết dưới dạng văn bản, bạn cũng có thể sử dụng liên kết dưới dạng hình ảnh.
+ Để sử dụng hình ảnh làm liên kết, chỉ cần đặt thẻ <img> bên trong Anchor Tag.
<p> <a href = “https://www.website.com/”>
<img src=”smile.jpg” alt=”Lets smile” style=”width:42px; height:42px;”/>
</a> </p>
3 ) Liên kết tới một địa chỉ Email
HTML Links cũng cho phép bạn liên kết tới một địa chỉ Email.
Sử dụng mailto: bên trong thuộc tính href để tạo liên kết tới chương trình email của người dùng ( Cho phép họ gửi email )
<a href= “mailto:someone@example.com” > Send email </a>
4 ) Màu sắc khác nhau của Liên Kết HTML
Một Thuận Lợi khi sử dụng HTML Links đó là có thể tạo các màu sắc khác nhau cho HTML Links. Nhờ đó mà người dùng có thể nhận biết chúng dễ dàng hơn.
+ Liên kết HTML được hiển thị bằng màu khác tùy thuộc vào việc nó đã được truy cập / visited; chưa được truy cập / unvisited; hay đang hoạt động / active.
+ Theo mặc định, một liên kết sẽ xuất hiện như thế này (trong tất cả các trình duyệt) :
– Một liên kết chưa được truy cập được gạch chân và có màu xanh lam
– Một liên kết đã truy cập được gạch chân và có màu tím
– Một liên kết đang hoạt động được gạch chân và có màu đỏ
Tuy nhiên, tuỳ thuộc vào các CSM hay Framework bạn sử dụng để xây dựng Website mà nó có thể khác.
+ Và bạn có thể dễ dàng sử dụng CSS Style để thay đổi các trạng thái màu sắc này của Liên Kết HTML.
<style>
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: pink;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
– a:link
Một liên kết chưa được truy cập sẽ có màu xanh và không có gạch chân.
– a:visited
Một liên kết đã truy cập sẽ có màu hồng và không có gạch chân.
– a:active
Một liên kết đang hoạt động sẽ có màu vàng và được gạch chân.
– a:hover
Khi di chuột qua một liên kết (a:hover), nó sẽ chuyển sang màu đỏ và được gạch chân:
Bạn có thể dễ dàng sử dụng HTML liên kết / HTML Links theo các bạn muốn. Điều này khá hấp dẫn khi bạn có thể làm chủ cách hiển thị nó và mang tới người sử dụng. HTML Links là một sức mạnh bạn sẽ luôn cần đến. Một Trang Web có đủ hấp dẫn và tăng khả năng thu hút người dùng hay không đó là cách bạn mang HTML Links đến Trang Web đó.
HTML Links giúp bạn hướng người dùng tới những thứ hữu ích cho họ.