14. Link Trong HTML

Trong HTML, bạn có thể tạo liên kết (link) bằng cách sử dụng thẻ <a> (anchor). Liên kết cho phép bạn liên kết đến các trang web khác, tài liệu, hình ảnh hoặc các tài liệu khác. Dưới đây là một ví dụ về cách sử dụng thẻ <a> để tạo liên kết trong HTML:

html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Liên kết trong HTML</title>
</head>
<body>
    <p>Truy cập trang web ví dụ: <a href="https://www.example.com">www.example.com</a></p>
    
    <p>Tải xuống tài liệu PDF: <a href="document.pdf">Tài liệu PDF</a></p>
    
    <p>Xem hình ảnh: <a href="image.jpg"><img src="thumbnail.jpg" alt="Hình ảnh"></a></p>
    
    <p>Liên kết đến một trang khác trong cùng trang web: <a href="#section2">Nhảy đến phần 2</a></p>
    
    <h2 id="section2">Phần 2</h2>
</body>
</html>

Trong ví dụ này:

Thẻ <a> được sử dụng để tạo liên kết.
Thuộc tính href xác định địa chỉ (URL) mà liên kết sẽ đến.
Ví dụ thứ nhất liên kết đến trang web www.example.com.
Ví dụ thứ hai liên kết đến tài liệu PDF document.pdf trong thư mục cùng với tệp HTML.
Ví dụ thứ ba sử dụng hình ảnh thumbnail.jpg làm nút liên kết để xem hình ảnh lớn image.jpg.
Ví dụ thứ tư liên kết đến một phần cụ thể trên cùng trang web bằng cách sử dụng #section2, trong đó section2 là id của phần <h2>.

Lưu ý rằng liên kết có thể đến các địa chỉ URL hoặc phần tử có id trong cùng trang. Trên đây là giới thiệu về Link trong HTML.

Leave a Comment Cancel Reply