[..กลับไปหน้าหลัก..]
หน่วยการเรียนที่ 1 ความรู้พื้นฐานทาง HTML
หน่วยการเรียนที่ 2 การจัดรูปแบบตัวอักษร
หน่วยการเรียนที่ 7 การสร้างตาราง
6.4 การใช้รูปภาพเป็นจุดเชื่อมโยง
ในการ link นอกจากจะสามารถใช้ข้อความเป็นจุดเชื่อมโยงแล้วยังสามารถนำรูปภาพเป็นจุดเชื่อมโยง โดยการนำคำสั่งสำหรับใส่รูปภาพวางแทนที่ข้อความ ดังนี้
<a href="ชื่อไฟล์/URL/E-mail"><img src="ไฟล์รูปภาพ"></a>
link ไปยังเว็บไซต์ KU
link ไปยังเว็บไซต์ thaiwbi.com
ทดสอบการใช้รูปภาพเป็นจุด link
<html> <head><title> โฮมเพจของข้าพเจ้า </title></head> <body background="4.jpg"> <center><font size="6" color="#FFFF00" face="MS Sans Serif"><b>สถานที่ท่องเที่ยวที่น่าสนใจ</b></font></center> <center"> <font size=3 face="Tahoma" color="#FFFF00">หน้าที่แล้ว <a href="linke-mail1.html"><img src="Back1.jpg" width="100" height="22"></a> <a href="link1.html"><img src="Next1.jpg" width="100" height="22"></a>หน้าถัดไป</p> <p><center><a href="http://www.lopburi.go.th"><img src="view2.jpg" width="226" height="172"></a></p> <p>ปรางค์สามยอด</p> <p><a href="http://www.ayutthaya.go.th/"><img src="wat.jpg" height="173" alt="วัดไชยวัฒนาราม" width="230"></a></p> <p>วัดไชยวัฒนาราม</p> <p><a href="http://www.bma.go.th/"><img src="grand.jpg" height="174" width="230"></a></p> <p>พระที่นั่งจักรีมหาปราสาท</p> </center> </font> </body> </html>
หมายเหตุ ใน tag คำสั่ง ไม่ต้องใส่ เครื่องหมาย "...." ก็ได้
กลับไปหน้าแรก I แนะนำรายวิชา I วิธีการเรียน I เนื้อหาบทเรียน I แบบฝึกหัด I ติดต่อผู้สอน
[..กลับไปหน้าหลัก..]
