บทที่ 10 [HTML]การสร้างจุดเชื่อมโยง

**Admin** Tue 17 May 2011, 7:20 am

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

การเชื่อมโยงเว็บไซต์ ประกอบด้วย 2 ส่วนใหญ่ๆ คือ

1. จุดเชื่อมโยง (Link or Hyperlink) เป็นต้นทาง ของลิงค์ คือ เป็นที่ที่เราใช้คลิก เพื่อไปยังอีกหน้าเว็บหนึ่ง ที่เราได้เชื่อมโยงไว้

2. เป้าหมาย (Target) เป็นการบอกว่า ให้ลิงค์ไปอย่างไร เช่น ไปใน frame ที่ชื่อ "main" ให้เปลี่ยนหน้าใหม่ไปทั้งหน้าไปเลย หรือให้เปิดเพจในหน้าต่างใหม่ไปเลย เป็นต้น

คำสั่ง <a> เป็นคำสั่งสำหรับสร้างจุดเชื่อมโยง ซึ่งมี คำสั่งเพิ่มเติม (Anttribute) ดังนี้

href = "url" เป็นตัวกำหนดว่า ให้ลิงค์ไปที่ไหน เป็นคำสั่งที่ขาดไม่ได้ในแท็ก <a> โดยวิธีการอ้างอิง url สามารถย้อนกลับไปดูได้ที่ บทที่ 4 [HTML] คำสั่ง <body> นอกจากนี้ ยังสามารถกรอกเป็น href = "#anchor name" เพื่อลิงค์ไปยัง anchor ซึ่งอยู่ภายในหน้าเดียวกัน เช่น href="#top"

target = "name of target or target type" เป็นตัวกำหนด ว่าจะให้ลิงค์ไปอย่างไร มีหลายลักษณะ เช่น

target = "_blank" คือเปิดหน้าต่างใหม่
target = "_parent" คือ เปิดครอบเฟรมเดิม
target = "_self" คือ เปิดในเฟรมของต้นทางลิงค์
target = "_top" คือ เปิดในหน้าเดิม โดยยกเลิกเฟรมที่ครอบอยู่ทั้งหมด (ค่าเริ่มต้น)

นอกจากนี้ ยังสามารถระบุเป็นตำแหน่งของ frame ใน frameset ที่เราสร้างเองได้อีก (มีอธิบายเรื่อง frameset ในบทเรียนต่อไป) โดยการพิมพ์ชื่อเฟรมลงไปได้เลย เช่น main, menu, เป็นต้น

name = "anchor name" เป็นการระบุ anchor ซึ่งเป็นจุดในเว็บเพจ ที่ใช้ลิงค์ภายในเพจเดียวกัน เช่น name = "top" มักใช้กับการกลับขึ้นไปด้านบนของเว็บเพจ

สิ่งที่จะนำมาลิงค์ หลักๆ มี 3 ประเภท ได้แก่

1. ข้อความ สามารถสร้างลิงค์ได้โดย ใช้คำสั่ง <a> สร้างคร่อมข้อความที่ต้องการลิงค์ เช่น <a href = "main.html">ตัวอย่างลิงค์</a>

2. รูปภาพ สามารถลิงค์ได้โดย ใช้คำสั่ง <a> สร้างคร่อมแท็ก <img> เช่น <a href = "http://www.google.com" target = "_blank"> <img src = "google_logo.jpg"> </a>

3. ไฟล์ Flash (Shockwave flash) มีนามสกุลไฟล์เป็น .swf นิยมใช้กันอย่างแพร่หลายในเว็บเพจ หลากหลายรูปแบบ ทั้งชนิดปุ่ม แบรนเนอร์ console ของ Video หรือแม้แต่นำมาสร้างเว็บทั้งเว็บ วิธีการจะสร้างลิงค์ไฟล์ flash ไม่สามารถใช้คำสั่ง <a> ลิงค์ได้ แต่ต้องสร้างลิงค์ตั้งแต่ตอนสร้าง file flash โดยการใช้คำสั่ง getURL