HTML ลิงก์รูปภาพไปเว็บไซต์ หรือหน้าอื่นด้วยแท็ก a

สอนเขียน HTML ลิงก์รูปภาพไปเว็บไซต์อื่น หรือหน้าอื่นด้วยแท็ก a บทความนี้แนะนำการแสดงรูปภาพบนเว็บไซต์ด้วยแท็ก img และใช้แท็ก a สำหรับทำลิงก์จากรูปภาพ เมื่อผู้ใช้งานกดจะลิงก์ไปยังเว็บไซต์ หรือหน้าที่กำหนดไว้ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง HTML ลิงก์รูปภาพไปเว็บไซต์ หรือหน้าอื่นด้วยแท็ก a

<a href="https://www.devdit.com"><img src="https://www.devdit.com/favicon-16x16.png"></a>

HTML ลิงก์รูปภาพ แนะนำให้ใช้แท็ก a คลุมรูปภาพที่ต้องการ และกำหนดลิงก์ที่ต้องการให้วิ่งไปเมื่อผู้ใช้งานกดคลิกที่รูปจาก attribute href ของแท็ก a