Liên kết
Thuộc phần Kiến thức cơ bản trong hành trình HTML của Coddy. Bài học 21 trên 60.
Trong HTML, liên kết (hay siêu liên kết) là một phần tử kết nối trang web này với trang web khác.
Bạn có thể tạo liên kết đến các trang web khác, tệp, vị trí trong cùng một trang hoặc bất kỳ URL nào khác. Bạn tạo liên kết bằng thẻ <a>, viết tắt của anchor (mỏ neo).
Đây là cú pháp cơ bản để tạo liên kết trong HTML:
<a href="url">Link text</a><a>: Thẻ mở liên kết.href: URL đích của liên kết.
Link text: Văn bản hiển thị mà người dùng sẽ thấy và nhấp vào.</a>: Thẻ đóng liên kết.
Đây là ví dụ về cách tạo liên kết đến trang chủ của Google:
<a href="https://www.google.com">Visit Google</a>Trong ví dụ này, khi người dùng nhấp vào dòng chữ "Visit Google", họ sẽ được chuyển đến https://www.google.com.
Thử thách
DễTạo một tài liệu HTML có các liên kết sau:
- Một liên kết trỏ đến "https://coddy.tech" và hiển thị văn bản "Visit Coddy".
- Một liên kết trỏ đến "https://www.google.com" và hiển thị văn bản "Visit Google".
Thưởng thêm: thử nhấp vào các liên kết!
Tự làm thử
<!DOCTYPE html>
<html>
<body>
<!-- Viết code ở đây -->
</body>
</html>Bài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.
Tất cả bài học trong Kiến thức cơ bản
1Kiến thức cơ bản về HTML
HTML là gì?Cấu trúc cơ bản của HTMLThẻ và phần tửThẻ lồng nhau và thẻ đóngChú thích trong HTML2Văn bản và định dạng
Tiêu đềĐoạn vănNgắt dòngChữ đậm và chữ nghiêngLại chữ đậm và chữ nghiêngÔn tập: định dạng8Biểu mẫu và đầu vào phần 1
Kiến thức cơ bản về biểu mẫuÔ nhập văn bảnThuộc tính của ô nhậpTrường mật khẩuNhãn cho ô nhậpÔn tập: biểu mẫu cơ bản11Trang đăng ký sự kiện
Tổng quan dự ánPhần đầu trang3Làm việc với danh sách
Danh sách không có thứ tựDanh sách có thứ tựDanh sách lồng nhauÔn tập: danh sách9Biểu mẫu và đầu vào phần 2
Nút radioHộp kiểmDanh sách thả xuốngNútNút trong biểu mẫuÔn tập: biểu mẫu #1Ôn tập: biểu mẫu #2Tự luyện tập: Playground Web