ลิงก์รูปภาพ 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
• ลิงก์สมอ HTML
• ลิงก์ปุ่ม HTML
• ลิงค์ดาวน์โหลด HTML
• สีของลิงก์ HTML
• ลิงก์ HTML mailto
• ลิงค์หน้าต่างใหม่ HTML