<< back บทที่ 8 การเชื่อมโยงข้อมูล





คำสั่งเชื่อมโยง
ในการเขียนคำสั่งเชื่อมโยงข้อมูลนั้น เราสามารถระบุถึงเป้าหมายของการเชื่อมโยงได้โดยการเขียนส่วนขยาย HREF ซึ่งย่อมาจากคำว่า Hypertext REFerance เข้าไปในคำสั่ง anchor <A>...</A> เป็น <A HREF=เป้าหมาย>...</A> โดยที่เป้าหมาย คือตำแหน่งปลายทางของการเชื่อมโยงข้อมูล เช่น <A HREF=links.html>hypertext links</A>
คำว่า hypertext links จะเป็นข้อความที่แสดงให้เห็นบนจอภาพมีสีที่ต่างออกไปจากตัวอักษรธรรมดา มีการขีดเส้นใต้ข้อความ ส่วน links.html จะไปปรากฏที่แถบด้านล่างของจอภาพทำให้เราสามารถทราบถึงจุดหมายปลายทางในการเชื่อมโยงว่าจะไปยังจุดใน เมื่อเราเลื่อนเมาส์ไปชี้ยังจุดเชื่อมโยงใดๆ ก็ตาม รูปแบบของตัวชี้จะเปลี่ยนจากลูกศรไปเป็นรูปมือ

ประเภทของการเชื่อมโยง
การใส่รูปภาพเพื่อการแสดงนั้น ให้ใช้คำสั่ง <IMG SRC-“ไฟล์รูปภาพ”> เป็นตัวกำหนดรูปภาพที่ต้องการ ไฟล์รูปภาพควรเป็นไฟล์ชนิด GIF หรือ JPEG เพราะโปรแกรม Web Browser ส่วนใหญ่สนับสนุนไฟล์ทั้ง 2ความเชื่อมโยงแบ่งออกเป็น 2 ประเภท
1. การเชื่อโยงภายใน Web Site
2. การเชื่อโยงภายนอก Web Site

การเชื่อมโยงภายใน Web Site
สามารถแบ่งออกได้อีก 2 แบบ คือ การเชื่อมโยงภายในไฟล์เดียวกัน และการเชื่อมโยงต่างไฟล์กัน
- การเชื่อมโยงภายในไฟล์เดียวกัน
เราจะอ้างถึงโดยการใช้เครื่องหมาย#ข้างหน้าเป้าหมายในการอ้างอิง คือ
<A HREF=#point1>...</A> โดยที่ตำแหน่งเป้าหมายที่กำหนด ต้องใช้คำสั่ง <A NAME=ชื่อเป้าหมาย> เช่น
<A Name=point1>This is point1.
ถ้าโปรแกรมหาตำแหน่งที่กำหนดไม่พบ จะอ้างไปที่จุดเริ่มต้นของไฟล์
- การเชื่อมโยงต่างไฟล์กัน
สามารถอ้างถึงได้โดยใช้คำสั่ง <A HREF=path/file>...</A>หรือจะอ้างถึงตำแหน่งเป้าหมายภายในไฟล์นั้นก็ได้ คือ <A HREF=path/file#point>...</A>

การเชื่อมโยงภายนอก Web Site
การอ้างไปยัง page อื่น หรือ Web Site อื่น ใช้คำสั่ง <A HREF“ http://...”>...</A>
การอ้างในการส่งจดหมาย ใช้คำสั่ง <A HREF= “ mailto:user@hostname”>...</A>

การใช้ภาพเป็นจุดเชื่อมโยง
นอกจากจะเชื่อมโยงข้อมูลจากจุดที่เป็นตัวอักษรแล้ว เราสามารถใช้รูปภาพเป็นสื่อในการเชื่อมโยงข้อมูลได้ ด้วยการเพิ่มคำสั่ง <IMG SRC=ไฟล์รูปภาพ> เข้าไปอยู่ระหว่างคำสั่งที่ใช้เชื่อมโยงข้อมูล รูปภาพที่ปรากฏบนจอภาพจะกลายเป็นจุดเชื่อมโยงข้อมูลแทนตัวอักษรทันที

การกำหนดสีของตัวอักษรในจุดเชื่อมโยง
เราสามารถกำหนดสีของตัวอักษรในจุดที่มีการเชื่อมโยงข้อมูลได้ โดยการเพิ่มส่วนขยายเหล่านี้ไว้ในคำสั่ง <IBODY>
- link=>กำหนดสีของตัวอักษรก่อนที่จะเชื่อมโยง - alink=>กำหนดสีของตัวอักษรขณะถูกเลือก - vlink=>กำหนดสีของตัวอักษรหลังจากเชื่อมโยงข้อมูลเรียบร้อยแล้ว