Thẻ HTML <a>
Ví dụ
Tạo liên kết đến W3Schools.com:
<a href="https://www.example.com.vn">Visit W3Schools.com!</a>
Hãy tự mình thử »Thêm ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và cách sử dụng
Thẻ <a> xác định một siêu liên kết, được sử dụng để liên kết từ trang này sang trang khác.
Thuộc tính quan trọng nhất của phần tử <a> là thuộc tính href , cho biết đích đến của liên kết.
Theo mặc định, các liên kết sẽ xuất hiện như sau 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 đỏ
Lời khuyên và ghi chú
Mẹo: Nếu thẻ <a> không có thuộc tính href thì nó chỉ giữ chỗ cho siêu liên kết.
Mẹo: Một trang được liên kết thường được hiển thị trong cửa sổ trình duyệt hiện tại, trừ khi bạn chỉ định một mục tiêu khác.
Mẹo: Sử dụng CSS để tạo kiểu liên kết: CSS Links và CSS Buttons .
Hỗ trợ trình duyệt
| Element | |||||
|---|---|---|---|---|---|
| <a> | Yes | Yes | Yes | Yes | Yes |
Thuộc tính
| Attribute | Value | Description |
|---|---|---|
| download | filename | Specifies that the target will be downloaded when a user clicks on the hyperlink |
| href | URL | Specifies the URL of the page the link goes to |
| hreflang | language_code | Specifies the language of the linked document |
| media | media_query | Specifies what media/device the linked document is optimized for |
| ping | list_of_URLs | Specifies a space-separated list of URLs to which, when the link is followed, post requests with the body ping will be sent by the browser (in the background). Typically used for tracking. |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin-when-cross-origin unsafe-url |
Specifies which referrer information to send with the link |
| rel | alternate author bookmark external help license next nofollow noreferrer noopener prev search tag |
Specifies the relationship between the current document and the linked document |
| target | _blank _parent _self _top |
Specifies where to open the linked document |
| type | media_type | Specifies the media type of the linked document |
Thuộc tính chung
Thẻ <a> cũng hỗ trợ Thuộc tính chung trong HTML .
Thuộc tính sự kiện
Thẻ <a> cũng hỗ trợ Thuộc tính sự kiện trong HTML .
Thêm ví dụ
Ví dụ
Cách sử dụng hình ảnh làm liên kết:
<a href="https://www.example.com.vn">
<img border="0" alt="W3Schools"
src="logo_w3s.gif" width="100" height="100">
</a>
Hãy tự mình thử »Ví dụ
Cách mở liên kết trong cửa sổ trình duyệt mới:
<a href="https://www.example.com.vn" target="_blank">Visit W3Schools.com!</a>
Hãy tự mình thử »Ví dụ
Cách liên kết đến một địa chỉ email:
<a href="mailto: [email protected] ">Send email</a>
Hãy tự mình thử »Ví dụ
Cách liên kết với số điện thoại:
<a href="tel:+4733378901">+47 333 78 901</a>
Hãy tự mình thử »Ví dụ
Cách liên kết đến phần khác trên cùng một trang:
<a href="#section2">Go to Section 2</a>
Hãy tự mình thử »Ví dụ
Cách liên kết tới JavaScript:
<a href="javascript:alert('Hello World!');">Execute JavaScript</a>
Hãy tự mình thử »Trang liên quan
Hướng dẫn HTML: Liên kết HTML
Tham chiếu DOM HTML: Đối tượng neo
Hướng dẫn CSS: Tạo kiểu liên kết
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị phần tử <a> với các giá trị mặc định sau:
a:link, a:visited {
color: ( internal value );
text-decoration: underline;
cursor: auto;
}
a:link:active, a:visited:active {
color: ( internal value );
} 