ลิงก์รูปภาพ HTML

วิธีทำให้รูปภาพเป็นลิงค์

โค้ดลิงก์รูปภาพ HTML

<a href="../html-link.htm"/<img src="flower.jpg" width="82" height="86" title="White flower" alt="Flower"/</a/

หรือใช้สไตล์ css เพื่อกำหนดความกว้างและความสูงได้ดีกว่า

<a href="../html-link.htm"/<img src="flower.jpg" style="width:82px; height:86px" title="White flower" alt="Flower"/</a/

รหัสจะสร้างลิงค์นี้:

ดอกไม้

 

โค้ดมีส่วนต่างๆดังนี้

  • <a> คือแท็กลิงก์
  • hrefแอตทริบิวต์ตั้งค่า URL ที่จะเชื่อมโยงไป
  • <img> คือแท็กเริ่มต้นของรูปภาพ
  • srcแอตทริบิวต์ตั้งค่าไฟล์รูปภาพ
  • แอตทริบิวต์titleตั้งค่าข้อความคำแนะนำเครื่องมือรูปภาพ
  • altคือแอตทริบิวต์ข้อความแสดงแทนแท็กรูปภาพ
  • สไตล์แอตทริบิวต์ตั้งค่า css ความกว้างและความสูงของรูปภาพ
  • </a> คือแท็กปิดท้ายลิงก์

 


ดูสิ่งนี้ด้วย

ลิงค์ HTML
ตาราง ID