Liên kết được tìm thấy trong gần như tất cả các trang web. Liên kết cho phép người dùng nhấp vào cách của họ từ trang này sang trang khác.
Liên kết HTML - Siêu liên kết
Liên kết HTML là các siêu liên kết.
Bạn có thể nhấp vào một liên kết và chuyển sang một tài liệu khác.
Khi bạn di chuyển chuột qua một liên kết, mũi tên chuột sẽ biến thành một tay nhỏ.
Lưu ý: Một liên kết không phải là văn bản. Một liên kết có thể là một hình ảnh hoặc bất kỳ phần tử HTML nào khác! A link does not have to be text. A link can be an image or any other HTML element!
Liên kết HTML - Cú pháp
Thẻ HTML <a> xác định một siêu liên kết. Nó có cú pháp sau:
văn bản liên kết
Thuộc tính quan trọng nhất của phần tử <a> là thuộc tính href, biểu thị đích của liên kết.
Văn bản liên kết là phần sẽ hiển thị cho người đọc.
Nhấp vào văn bản liên kết, sẽ gửi người đọc đến địa chỉ URL được chỉ định.
Thí dụ
Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:
Truy cập w3schools.com!
Hãy tự mình thử »
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 không được đánh giá cao và màu xanh lam
- Một liên kết được truy cập được gạch chân và màu tím
- Một liên kết hoạt động được gạch chân và màu đỏ
Mẹo: Các liên kết tất nhiên có thể được tạo kiểu với CSS, để có được cái nhìn khác! Links can of course be styled with CSS, to get another look!
Liên kết HTML - Thuộc tính đích
Theo mặc định, trang được liên kết sẽ được hiển thị trong cửa sổ trình duyệt hiện tại. Để thay đổi điều này, bạn phải chỉ định một mục tiêu khác cho liên kết.
Thuộc tính target chỉ định nơi mở tài liệu được liên kết.
Thuộc tính target có thể có một trong các giá trị sau:
- _self - Mặc định. Mở tài liệu trong cùng một cửa sổ/tab khi được nhấp vào
- _blank - Mở tài liệu trong một cửa sổ hoặc tab mới
- _parent - Mở tài liệu trong khung cha mẹ
- _top - Mở tài liệu trong toàn bộ phần thân cửa sổ
Thí dụ
Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:
Truy cập w3schools.com!
Hãy tự mình thử »
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 không được đánh giá cao và màu xanh lamabsolute URL (a full web address) in the href attribute.
Một liên kết được truy cập được gạch chân và màu tímrelative URL (without the "//www" part):
Thí dụ
Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:
W3C
Truy cập w3schools.com!
HTML Images
CSS Tutorial
Hãy tự mình thử »
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 không được đánh giá cao và màu xanh lam
Thí dụ
Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:
Hãy tự mình thử »
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 không được đánh giá cao và màu xanh lam
Một liên kết được truy cập được gạch chân và màu tím
Một liên kết hoạt động được gạch chân và màu đỏ
Mẹo: Các liên kết tất nhiên có thể được tạo kiểu với CSS, để có được cái nhìn khác!
Thí dụ
Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:
Hãy tự mình thử »
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 không được đánh giá cao và màu xanh lam
Thí dụ
Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:
Hãy tự mình thử »
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:
Thí dụ
Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:
Truy cập w3schools.com!
Hãy tự mình thử »
Thí dụ
Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:
Truy cập w3schools.com!
Hãy tự mình thử »
Thí dụ
Ví dụ này cho thấy cách tạo liên kết đến w3schools.com:
Truy cập w3schools.com!
Hãy tự mình thử »
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 không được đánh giá cao và màu xanh lam
- Một liên kết được truy cập được gạch chân và màu tím
- Một liên kết hoạt động được gạch chân và màu đỏ
- Mẹo: Các liên kết tất nhiên có thể được tạo kiểu với CSS, để có được cái nhìn khác!
- Liên kết HTML - Thuộc tính đích
- Theo mặc định, trang được liên kết sẽ được hiển thị trong cửa sổ trình duyệt hiện tại. Để thay đổi điều này, bạn phải chỉ định một mục tiêu khác cho liên kết.
Thuộc tính target chỉ định nơi mở tài liệu được liên kết.
| Ví dụ này cho thấy cách tạo liên kết đến w3schools.com: | Truy cập w3schools.com! |
Hãy tự mình thử »