Khám phá những điều cơ bản về cách làm việc với HTMLa
thẻ để tạo liên kết
Các liên kết được xác định bằng cách sử dụnga
nhãn. Đích liên kết được đặt thông quahref
thuộc tính.
Thí dụ:
<a href="https://flaviocopes.com">click here</a>
Giữa thẻ bắt đầu và thẻ đóng, chúng ta có văn bản liên kết.
Ví dụ trên là một URL tuyệt đối. Các liên kết cũng hoạt động với các URL tương đối:
<a href="/test">click here</a>
Trong trường hợp này, khi nhấp vào liên kết, người dùng được chuyển đến/test
URL về nguồn gốc hiện tại.
Hãy cẩn thận với/
tính cách. Nếu bị bỏ qua, thay vì bắt đầu từ nguồn gốc, trình duyệt sẽ chỉ thêmtest
chuỗi vào URL hiện tại.
Ví dụ, tôi đang ở trên tranghttps://flaviocopes.com/axios/
và tôi có những liên kết sau:
/test
một khi nhấp vào sẽ đưa tôi đếnhttps://flaviocopes.com/test
test
một khi nhấp vào sẽ đưa tôi đếnhttps://flaviocopes.com/axios/test
Các thẻ liên kết có thể bao gồm những thứ khác bên trong chúng, không chỉ là văn bản. Ví dụ, hình ảnh:
<a href="https://flaviocopes.com">
<img src="test.jpg">
</a>
hoặc bất kỳ yếu tố nào khác, ngoại trừ<a>
các thẻ.
Nếu bạn muốn mở liên kết trong một tab mới, bạn có thể sử dụngtarget
thuộc tính:
<a href="https://flaviocopes.com" target="_blank">open in new tab</a>
Tải xuống miễn phí của tôiSổ tay HTML
Các hướng dẫn html khác:
- Giới thiệu về HTML
- Thẻ HTML `iframe`
- Biểu mẫu HTML
- Thẻ HTML `video`
- Thẻ HTML `audio`
- Các thẻ HTML cho văn bản
- Bảng HTML
- Thẻ HTML `img`
- Thẻ HTML `a`
- Thẻ HTML `ảnh`
- Thẻ HTML `figure`
- Thẻ vùng chứa HTML
- Khả năng truy cập trên Web
- Cách tạo bình luận trong HTML
- Cách thay đổi URL hình ảnh HTML ở chế độ tối
- Hình ảnh đáp ứng bằng cách sử dụng `srcset`
- Thay đổi biểu tượng yêu thích ở chế độ tối