💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!
Cập nhật: 2025年3月1日
Chèn liên kết
📌
Kết luận
Tạo liên kết bằng <a href="URL">Văn bản</a>
📝 Mã thực tế tại đây
<a href="https://google.com">Google</a>Cấu trúc của thẻ a
Thẻ<a> được cấu thành từ 3 phần chính:
| Thành phần | Vai trò | Ví dụ |
|---|---|---|
<a ...> | Thẻ mở | Bắt đầu liên kết |
href="URL" | Địa chỉ đích | Được gọi là thuộc tính (attribute) |
| Văn bản | Chữ hiển thị | Liên kết văn bản |
Điểm cần lưu ý về thuộc tính href
href là viết tắt của "hypertext reference". Đây là nơi bạn chỉ định địa chỉ URL.
📝 Mã thực tế tại đây
<!-- Liên kết đến trang bên ngoài -->
<a href="https://google.com">Google</a>
<!-- Liên kết đến trang cùng website -->
<a href="/about">Giới thiệu</a>https://. Nếu là trang trong cùng website, bạn chỉ cần bắt đầu bằng dấu /.
Bổ sung về bảo mật
Các liên kết đến trang web bên ngoài thường được mở trong một tab mới. Khi đó, chúng ta thêm thuộc tínhtarget="_blank" và rel="noopener noreferrer". Ở giai đoạn này bạn chưa cần nhớ ngay, chúng tôi sẽ giải thích chi tiết ở các bài viết sau.
Tổng kết
- Dùng thẻ<a> để tạo liên kết chuyển trang
- Chỉ định địa chỉ đích trong thuộc tính href
- Văn bản nằm giữa thẻ mở và thẻ đóng sẽ là phần có thể nhấp vào
Hãy thử trong phần bài tập
Hãy thử tạo một liên kết đến https://google.com với văn bản hiển thị là "Google" nhé.🧪 Thử nghiệm tại đây
Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.
■ Bài tập thực hành
Hãy tạo một liên kết đến địa chỉ https://google.com với văn bản hiển thị là 'Google'.
Gợi ý khi gặp khó khăn
Sử dụng thuộc tính href trong thẻ a để chỉ định URL.