Thẻ HTML <a>

Khuyến nghị khóa học:

<a> Định nghĩa và cách sử dụng

<a> Thẻ định nghĩa liên kết, được sử dụng để liên kết từ một trang đến trang khác. Thuộc tính quan trọng nhất của thẻ làThuộc tính href

Nó chỉ ra đích của liên kết.

• Mặc định, liên kết sẽ hiển thị như sau trong tất cả các trình duyệt:
• Liên kết chưa được truy cập có underline và màu xanh
• Liên kết đã được truy cập có underline và màu tím

Lưu ý:Liên kết đang truy cập có underline và màu đỏ CSS 伪类 Bạn có thể đã nhận thấy rằng liên kết trong trang CodeW3C.com có appearances rất khác so với liên kết mặc định. Bạn có thể sử dụng

Xem thêm:

Giáo trình HTML:HTML Liên kết

Tài liệu tham khảo HTML DOM:Đối tượng Anchor

Giáo trình CSS:Kiểu dáng liên kết

Giải thích thuật ngữ

Tôi là gì?

Mô hình

Ví dụ 1

Tạo liên kết đến codew3c.com:

<a href="https://www.codew3c.com">Truy cập codew3c.com!</a>

Thử ngay lập tức

Ví dụ 2

Cách sử dụng hình ảnh như liên kết:

<a href="https://www.codew3c.com">
<img border="0" alt="W3School" src="w3logo.png" width="400" height="225">
</a>

Thử ngay lập tức

Ví dụ 3

Cách mở liên kết trong cửa sổ trình duyệt mới:

<a href="https://www.codew3c.com" target="_blank">Truy cập codew3c.com!</a>

Thử ngay lập tức

Ví dụ 4

Cách liên kết đến địa chỉ email:

<a href="mailto:someone@example.com">Gửi email</a>

Thử ngay lập tức

Ví dụ 5

Cách liên kết đến số điện thoại:

<a href="tel:+8613888888888">+86 138 8888 8888</a>

Thử ngay lập tức

Ví dụ 6

Cách liên kết đến phần khác trên cùng trang:

<a href="#section2">Chuyển đến phần第二章</a>

Thử ngay lập tức

Ví dụ 7

Cách liên kết đến JavaScript:

<a href="javascript:alert('Hello World!');">Chạy JavaScript</a>

Thử ngay lập tức

Lưu ý và ghi chú

Lưu ý:Nếu thẻ <a> không có thuộc tính href, nó chỉ là một dấu phẩy nối.

Lưu ý:Trang được liên kết thường hiển thị trong cửa sổ trình duyệt hiện tại, trừ khi bạn đã quy định một mục tiêu khác (sử dụng thuộc tính target).

Lưu ý:Vui lòng sử dụng cài đặt CSS để thiết lập kiểu liên kết:CSS Liên kết và CSS Nút.

Thuộc tính

Thuộc tính toàn cục

<a> Thẻ này cũng hỗ trợ Thuộc tính toàn cục trong HTML.

Thuộc tính sự kiện

<a> Thẻ này cũng hỗ trợ Thuộc tính sự kiện trong HTML.

Cài đặt CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị các giá trị mặc định sau đây: <a> Thiết bị:

a:link, a:visited {
  color: (giá trị nội bộ);
  text-decoration: underline;
  cursor: auto;
{}
a:link:active, a:visited:active {
  color: (giá trị nội bộ);
{}

Hỗ trợ trình duyệt

Công cụ

Tài liệu tham khảo HTML

Mô hình HTML

Kiểm tra HTML

Giáo trình HTML

Liên kết tài trợ