จะใช้รูปภาพเป็นลิงค์ใน HTML ได้อย่างไร?

หากต้องการใช้รูปภาพเป็นลิงก์ใน HTML ให้ใช้แท็ก และแท็ก ที่มีแอตทริบิวต์ href แท็ก ใช้สำหรับรูปภาพในหน้าเว็บ และแท็ก ใช้สำหรับเพิ่มลิงก์ ภายใต้แอตทริบิวต์แท็กรูปภาพ src ให้เพิ่ม URL ของรูปภาพ แล้วเพิ่มความสูงและความกว้างด้วย

ตัวอย่าง

คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้รูปภาพเป็นลิงก์ใน 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>