HTML căn bản : Tạo các siêu liên kết bằng hình ảnh

Như bạn vẫn thường thấy trong các trang Web, các siêu liên kết không chỉ là các đoạn văn bản mà còn cả bằng hình ảnh nữa, điều này càng làm cho Web trở nên hấp dẫn. Phần này giới thiệu cho bạn cách tạo các siêu liên kết bằng hình ảnh:
Việc đầu tiên là bạn chọn 1 ảnh nằm cùng thư mục /folder với trang Web của bạn, giả sử đó là graph.jpg. Khi đó bạn sử dụng các Tag như sau
<a href = "file.htm"> <img src = "graph.jpg"></a>
Bạn lưu ý là tag <img..> nằm giữa tag <a href ...> và </a>
Khi một ảnh được dùng làm siêu liên kết, sẽ có một hộp màu có màu của các siêu liên kết bao quanh ảnh
Lưu ý: Việc đưa một hình ảnh lớn vào trong trang Web làm cho người đọc phải mất thời gian chờ tải vì vậy bạn nên sử dụng một số mẹo sau:
1. Ðể đề phòng người đọc tất chế độ hiển thị hình ảnh của trình duyệt, bạn nên thêm thuộc tính alt = "..." vào tag <img...> để người đọc dễ định hướng
2. Khi cần giới thiệu một hình ảnh lớn, bạn nên tạo một hình ảnh thu nhỏ của nó và đưa vào trang Web làm siêu liên kết tới ảnh lớn, như thế đỡ mất thời gian download trang Web của bạn, ví dụ bạn hãy Click chuột vào ảnh sau :