Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách dùng hình ảnh làm liên kết (image as link) trong HTML?

Để dùng hình ảnh làm liên kết trong HTML, hãy dùng thẻ <img> kết hợp với thẻ <a> có thuộc tính href. Thẻ <img> nhúng hình ảnh, thẻ <a> tạo liên kết. Thuộc tính src của <img> chứa URL hình ảnh. Cũng nên thêm width và height.

Cách dùng hình ảnh làm liên kết (image as link) trong HTML?

Ví dụ

Chạy mã sau để dùng hình ảnh làm liên kết trong HTML:

<!DOCTYPE html> <html>    <head>       <title>HTML Image as link</title>    </head>    <body>       The following image works as a link:<br>       <a href="https://www.qries.com/">          <img alt="Qries" src="https://www.qries.com/images/banner_logo.png" width="150" height="70">       </a>    </body> </html>