4เชื่อมโยง

HTML

ลงิ ก์เชื่อมโยง

ลงิ ก์เช่ือมโยง

ไฮเปอร์ลงิ ก์ (Hyperlinks)

หรืออาจเรียกส้ันๆ ว่า “ลงิ ก์ (Link)” ถูกนามาใช้เพื่อการเช่ือมโยง
ไปยงั หน้าเวบ็ อ่ืนๆ ซึ่งลงิ ก์ดงั กล่าวสามารถเป็ นได้ท้งั ข้อความ หรือ
รูปภาพ สาหรับข้อความทถ่ี ูกกาหนดให้เป็ นลงิ ก์น้ัน จะได้รับการ
ขดี เส้นใต้ หรืออาจมสี ีทแ่ี ตกต่างจากข้อความปกติ ในขณะเดยี วกนั
รูปภาพใดๆ ทแี่ สดงบนเวบ็ เพจ กส็ ามารถนามาใช้เป็ นลงิ ก์ได้
เช่นกนั โดยข้อความหรือรูปภาพทถี่ ูกกาหนดเป็ นลงิ ก์น้ัน เม่ือมกี าร
ลากเมาส์ไปยงั ตาแหน่งดงั กล่าว กจ็ ะแสดงสัญลกั ษณ์เป็ นรูปนิว้ ชี้

ลงิ ก์เช่ือมโยง

การสร้าง Link หรือการเช่อื มโยงเอกสารหน้าเวบ็ เพจ

ในการสร้าง Link ต้องคานึงถงึ จุด Link และ
ปลายทางของ Link จะเกดิ จากเราสร้าง ขนึ้ เอง ส่วน
ปลายทางของ Link จะมที งั้ ท่เี ราสร้างขนึ้ มาเอง คือช่อื ของ
ส่วนย่อยของเวบ็ เพจ และท่เี ราไม่ต้องสร้างขนึ้ เองคือ URL
หรือช่อื เวบ็ เพจ การสร้างมี 2 ลักษณะดงั นี้

1. การสร้าง Link โดยใช้ข้อความ

2. การสร้าง Link โดยใช้รูปภาพหรือสัญลักษณ์

ลงิ ก์เชื่อมโยง

ลงิ ก์ข้อความ
<a href="URLเวบ็ ">ข้อความ</a>

ลงิ ก์รูปภาพ
<a href="URLเวบ็ "><img src="ชื่อรูป"></a>

ลงิ ก์เช่ือมโยง

ลงิ ก์ทเ่ี ช่ือมโยงในหน้าเว็บเพจเดยี วกนั
<a href="#content1">ช่ือหัวข้อท่ี1</a>
<a name="content1">หัวข้อท่ี1</a>

ลงิ ก์ไปยงั หน้าเว็บเพจอ่ืนท่เี ป็ นไฟล์ .html
<a href="ช่ือไฟล์.html">ข้อความ</a>

ลงิ ก์ไปยงั หน้าเว็บเพจไซต์อื่น
<a href= " URLของเวบ็ ">ข้อความ</a>