การเชื่อมโยงเอกสาร

Link
Link เป็นการเชื่อมโยงจากจุดหนึ่งไปยังอีกจุดหนึ่ง ทั้งใน
เอกสารเดิมหรือเอกสารใหม่ ซึ่งการ Link อาจจะ Link
ข้อความ หรือรูปภาพก็ได้
การเชื่อมโยงเอกสาร
 <a href=”n”> , </a> ใช้กำหนดให้เชื่อมโยงเอกสำรไปยัง
เอกสำรและส่วนที่กำหนด (จุดที่ Link เรำเรียกกันว่ำ “Anchor” ใช้
คำสั่ง <a> และ </a> โดยจะมีตัวเลือก “href=n” ร่วมด้วย) โดยที่ n
คือ เอกสำรที่ต้องกำรเชื่อมโยง

การเชื่อมโยงไปยังเอกสารอื่น
สาหรับการเชื่อมโยงไปยังเอกสารที่อยู่ภายในระบบของเราเอง
หากอยู่ใน Directory เดียวกัน ให้ใส่ชื่อเอกสารลงไปเลย
หากอยู่ใน Subdirectory ของ Directory ปัจจุบัน ให้ใส่
Subdirectory ลงไปด้วย
หากอยู่ใน Directory ที่สูงกว่า Directory ปัจจุบัน ให้ใช้ ../ เข้า
ช่วย
สาหรับการเชื่อมโยงไปยังเอกสารที่อยู่ต่างระบบให้ระบุรูปบบบของ
URL ให้ถูกต้อง
Company Logowww.themegallery.com

<a href="detail.html">Go to Detail</a> 
<a href="datadetail.html">Go to Detail</a> 
<a href="..detail.html">Go to Detail</a>

การเชื่อมโยงไปยังส่วนอื่นๆ ภายในเอกสารเดียวกัน
บางครั้งเราต้องการเชื่อมโยงไปยังตาบหน่งอื่นๆ บต่ยังคงอยู่ใน
เอกสารเดิม ให้กาหนดชื่อให้กับตาบหน่งที่ต้องการเชื่อมโยง
 <a href=”#n”> , </a> ใช้กำหนดให้เชื่อมโยงไปยังส่วนที่
กำหนด โดยที่ n คือ ชื่อที่ได้ตั้งไว้ให้กับส่วนนั้นๆ
 <a name=”#n”> , </a> ใช้กำหนดชื่อให้กับส่วนต่ำงๆ ที่ต้องกำร
ให้เป็นจุดเชื่อมโยงภำยในเอกสำร โดยที่ n คือ ชื่อที่กำหนดขึ้นมำเอง

<a href="#end">Go to End</a> 
 
 
 
<a name="end">End</a>

การเชื่อมโยงไปยังส่วนใดๆ ในเอกสารอื่น
ถ้าเป็นการเชื่อมโยงภายในเอกสารเดียวกันก็เพียงตั้งชื่อให้กับส่วนที่
ต้องการ บล้วในการเชื่อมโยงก็ใส่ชื่อส่วนลงไป บต่ถ้าเป็นเอกสารอื่น
เราก็เพิ่มชื่อเอกสารลงไปด้วยบล้วจึงค่อยใส่ชื่อส่วนลงไป
<a href=”m#n”> , </a> ใช้กาหนดให้เชื่อมโยงเอกสารไปยัง
เอกสารบละส่วนที่กาหนด โดยที่ m คือ ชื่อเอกสารหรือ URL ที่
ต้องการ บละ n คือ ชื่อที่ได้ตั้งไว้ให้กับส่วนนั้นๆ

การเชื่อมโยงไปยังบริการอื่นๆ บนอินเตอร์เนต
การเชื่อมโยงไปยังบริการอื่นๆ บนอินเตอร์เนต ก็เพียงบต่พิมพ์
บริการนั้นลงไปด้วย
 <a href=”ftp://n”> , </a> ใช้กำหนดให้เชื่อมโยงเอกสำรไปยัง
บริกำร FTP โดยที่ n คือ ชื่อของ FTP
 <a href=”mailto:n”> , </a>ใช้กำหนดให้เชื่อมโยงเอกสำรไปยัง
บริกำร Email โดยที่ n คือ ชื่อของ Email Address
<a href="ftp://www.xxx.com">Go to Ftp</a> 
<a href="mailto:xxx@xxx.com">Mail to Me</a>

การเชื่อมโยงกับเฟรม
ในบางครั้งเอกสารที่สร้างอาจจะมีการบบ่งออกเป็นส่วนย่อยที่
บยกออกจากกันโดยอิสระ หรือบบ่งออกเป็นเฟรมนั่นเอง ในการ
เชื่อมโยงเอกสารเหล่านี้หากมีการบบ่งเอกสารออกเป็นสองส่วน
คือ ซ้าย บละ ขวา หากเราเชื่อมโยงที่ส่วนซ้าย เมื่อเราคลิกใน
Browser ที่ฝั่งซ้ายบล้ว เอกสารฝั่งซ้ายก็จะเปลี่ยนเป็นเอกสารที่
เราเชื่อมโยง บต่ถ้าหากเราคลิกที่ฝั่งซ้าย บล้วต้องการให้ฝั่งขวา
เปลี่ยน เราสามารถทาได้โดยการใส่คาสั่งเพิ่มเข้าไป

<a href=”n” target=”x”> , </a> ใช้กาหนดให้เชื่อมโยง
เอกสารไปยังเอกสารบละส่วนที่กาหนด โดยที่ n คือ เอกสารที่
ต้องการเชื่อมโยง บละ x คือ ชื่อของเฟรมที่ต้องการให้บสดง
เอกสาร

 Target คือกำรระบุว่ำจะให้แสดงเอกสำรใหม่ที่เชื่อมถึง บนเฟรมไหน หรือ
หน้ำต่ำงไหน Target มีประโยชน์ ในกรณี ที่มีกำรใช้เฟรม หรือมี กำรเปิด
browser หลำยหน้ำต่ำง และมี reserve name ที่ควรรู้ดังนี้
 target="_blank"
หมำยถึงจะแสดงเว็บเพจบนหน้ำต่ำงที่เปิดขึ้นมำใหม่เสมอ
 target ="_self"
หมำยถึงจะแสดงเว็บเพจบนหน้ำต่ำงเดิมเสมอ
 target ="_parent"
หมำยถึงจะแสดงเว็บเพจบนหน้ำต่ำงที่อยู่ระดับเหนือขึ้นไปหนึ่งระดับ
 target ="_top"
หมำยถึงจะแสดงเว็บเพจบนหน้ำต่ำงที่อยู่ระดับบนสุด

<a href="home.html" target="detail">Go to
home</a>

เทคนิคเพิ่มเติมเกี่ยวกับการเชื่อมโยงข้อมูล
เขียน option นี้ไว้ระหว่าง <body>
link = color ใช้เพื่อกาหนดสีให้กับ ตัวเชื่อมโยงข้อมูลที่ยังไม่เคย
ไปดู
vlink = color ใช้เพื่อกาหนดสีตัวเชื่อมโยงข้อมูลที่เคยไปดู
มาบล้ว
alink = color ใช้เพื่อกาหนดสีของตัวเชื่อมโยง ขณะเลือก

การเชื่อมโยงเอกสาร

Recommended

Recommended

More Related Content

More from ssuseraa96d2

More from ssuseraa96d2 (20)

การเชื่อมโยงเอกสาร