Tạo Liên Kết Hình Ảnh HTML

Hình ảnh làm liên kết (image link) rất phổ biến. Kết hợp thẻ <a> (href) và <img> (src).

Các Bước

1. Tạo container <div> bao quanh.
2. Thẻ <a> với href trỏ đến trang đích.
3. Bên trong <a>, đặt <img> với src trỏ đến ảnh.
4. Thêm mô tả (caption, div, h2, p...) để người dùng biết ảnh có thể bấm.

Ví Dụng Hoàn Chỉnh

<div>
  <a href="https://www.goldengate.org/" target="_blank" rel="noopener noreferrer">
    <img src="https://images.unsplash.com/photo-1449034446853-66c86144b0ad..." alt="Cầu Golden Gate" />
  </a>
  <caption>Cầu Golden Gate lấp lánh đêm. Bấm ảnh để xem chi tiết.</caption>
</div>

Mẹo: Bao bọc <img> bằng <a> (không chỉ caption) vì người dùng kỳ vọng bấm vào ảnh sẽ chuyển trang.