HTML Hyperlinks (Links)

ความหมายของ hyperlink หรือ link คือจุดเชื่อมโยงในหน้าเว็บไซต์ เมื่อมีการคลิกที่ลิงค์ก็จะถูกย้ายไปยังปลายทางที่ทางผู้จัดทำเว็บไซต์กำหนดไว้ สำหรับการสร้างลิงค์ด้วย HTML นั้น สามารถทำได้ทั้งแบบคำ หรือแบบประโยค ก็ได้ตามต้องการ หรือ แม้แต่รูปภาพเราก็สามารถทำลิงค์ได้

รูปแบบการสร้าง Link ด้วยภาษา HTML

Link text...

จากรูปแบบด้านบนสามารถอธิบายได้เป็นส่วนๆว่า
<a> คือการกำหนดในหน้า Webpage ว่าเป็นลิงค์ โดยรูปแบบการทำลิงค์นี้ ต้องมีการเปิดแท็ก <a> และปิดแท็ก</a> หากไม่มีการปิดแท็ก ลิงค์ก็จะครอบคลุ่มทั้งหมด

ตัวอย่าง
หากมีการเขียนอย่างถูกต้องจะเป็น Hyperlink ในส่วนที่เรากำหนด

link html ที่เขียนอย่างถูกต้อง

หากมีการเขียนไม่ถูกต้องจะเป็น Hyperlink ทั้งหมดตั้งแต่อยู่ในส่วนของ <a>

link html ที่เขียนอย่างไม่ถูกต้อง

สำหรับการทำลิงค์นั้น เราสามารถระบุ ปลายทางที่ต้องการให้ผู้ใช้ไปยังเป้าหมายได้โดยการใส่ในส่วนของ href=”เป้าหมายที่ต้องการ”
ตัวอย่างเราต้องการทำลิงค์ไปยังเว็บไซต์ของ Google.com เราก็จะเขียนได้ดังนี้

<a href="http://www.Google.com>ทำลิงค์ไปยังเว็บ กูลเกิ้ล</a>

หรือหากทีการเชื่อมโยงหรือทำลิงค์ไปยังไฟล์ต่างๆ หรือ ไฟล์ที่ต้องการดาวน์โหลด ก็ให้กำหนดที่อยู่ของไฟล์นั้นๆให้ถูกต้อง เช่น ดาวน์โหลดไฟล์ aaa.rar ที่อยู่ในเว็บไซต์ sadung.com เราก็สามารถทำลิงค์ได้ดังนี้

<a href="http://www.sadung.com/aaa.rar>ดาวน์โหลดไฟล์</a>

สำหรับการทำลิงค์ใน HTML นั้นยังมี Attributes หนึ่งที่เกี่ยวข้องกับ การทำลิงค์ นั้นคือ target โดยจะมีความสำคัญคือเป็นการกำหนดว่าต้องการทำลิงค์ไปในรูปแบบไหน
เช่น เปิดหน้าเว็บเพจใหม่ หรือทำลิงค์โดยเชื่อมโยง ย้ายจากหน้าเดิมเป็นต้น
โดยค่าของ Attributes target นี้ที่สามารถใส่ไปได้จะมี
_blank ความหมาย คือ กำหนดว่าเปิดหน้าต่างใหม่ สำหรับเว็บเพจใหม่เมื่อมีการคลิกที่ลิงค์
_parent ความหมาย คือ กำหนดใช้หน้าต่างเดิม สำหรับเปิดเว็บเพจใหม่
_self ความหมาย คือ กำหนดใช้หน้าต่างเดิม สำหรับเปิดเว็บเพจใหม่ (ลิงค์แบบนี้จะใช้กับ iframe)
_top ความหมาย คือ กำหนดใช้หน้าต่างใหม่ สำหรับเปิดเว็บเพจใหม่ (ลิงค์แบบนี้จะใช้กับ iframe)