ลิงค์รูปภาพ 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ตั้งค่าไฟล์รูปภาพ
• แอตทริบิวต์ชื่อกำหนดข้อความคำแนะนำเครื่องมือรูปภาพ
• altเป็นแอตทริบิวต์ข้อความแสดงแทนของแท็กรูปภาพ
• แอตทริบิวต์ styleกำหนดความกว้างและความสูงของรูปภาพด้วย css
• </a> คือแท็กสิ้นสุดของลิงก์

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

• ลิงค์ HTML
• ลิงก์สมอ HTML
• ลิงก์ปุ่ม HTML
• ลิงค์ดาวน์โหลด HTML
• สีของลิงก์ HTML
• ลิงก์เมลไปยัง HTML
• HTML ลิงค์หน้าต่างใหม่