วันจันทร์ที่ 22 เมษายน พ.ศ. 2556

การทำลิงค์แบบใช้รูปภาพแทนข้อความ


<HTML>
<HEAD>
    <TITLE> นี่คือเว็บเพจแรกของฉัน </TITLE>
</HEAD>
<BODY>
       <!-- ลิ้งค์โดยใช้รูปภาพที่มีอยู่ในเว็บไซต์ของเราเอง -->
       <A HREF="index.shtml"><IMG SRC="nav_home_off.gif"></A>
       <A HREF="sitmap.shtml"><IMG SRC="nav_sitemap_off.gif"></A>
       <!-- ลิ้งค์โดยใช้รูปภาพจากเว็บไซต์อื่นที่เป็นเว็บไซต์ปลายทาง -->
       <A HREF="http://www.mthai.com"><IMG SRC="http://www.mthai.com/mthai.gif"></A>
       <A HREF="http://www.happy-box.com"><IMG SRC=http://www.happy-box.com/box.gif"></A>
</BODY>
</HTML>
ผลลัพธ์ที่ได้


อธิบายคำสั่ง
<Aแท็กคำสั่งเริ่มต้นเพื่อบอกเบราส์เซอร์ให้รู้ว่านี่คือลิ้งค์
HREF="ชื่อไฟล์/ที่อยู่ URL"ชื่อไฟล์/ที่อยู่เว็บไซต์ปลายทางที่ต้องการเชื่อมโยงไปถึง (ต้องระบุ)
>อย่าลืมปิดท้ายด้วยเครื่องหมาย ">" นี้ทุกครั้ง
รูปภาพรูปภาพที่ใช้แสดงว่านี่คือลิ้งค์ (ดูรายละเอียดคำสั่ง IMG ในบทที่ 11)
</A>แท็กปิดท้ายข้อความลิ้งค์

ไม่มีความคิดเห็น:

แสดงความคิดเห็น