วิธีทำรูปเป็นลิงก์ HTML

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

ตัวอย่าง วิธีทำรูปเป็นลิงก์ HTML

<a href="product.html"><img src="demo.jpg"></a>

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