|
HTML > HTML Tutorial
HTML Links
HTML ใช้ hyperlink เพื่อเชื่อมโยงกับเอกสารบนเว็บ
แท็ก Anchor และคุณลักษณะ Href
HTML ใช้แท็ก <a> (anchor) เพื่อสร้างการเชื่อมโยงกับเอกสารอื่น
anchor สามารถชี้ไปที่ทรัพยากรต่างๆบนเว็บ เช่น เพจ HTML, ภาพ, ไฟล์เสียง, ภาพยนต์
ไวยากรณ์การสร้าง anchor
| <a href="url">Text to be displayed</a> |
แท็ก <a> ได้รับการใช้สร้าง anchor เพื่อเชื่อมโยงฟอร์ม คุณลักษณะ href ได้รับการใช้เพื่อระบุเอกสารที่ต้องการเชื่อมโยง และคำระหว่างแท็ก anchor เปิดและปิดจะแสดงเป็น hyperlink.
Anchor นี้กำหนดการเชื่อมโยงไปที่ widebase
| <a href="http://www.widebase.net/">Visit Widebase!</a> |
บรรทัดข้างบนเห็นในลักษณะนี้บน browser
Visit Widebase!
คุณลักษณะ Target
คุณลักษณะ target สามารถกำหนดพื้นที่ให้การเชื่อมโยงเปิดเอกสารขึ้นมา
บรรทัดข้างล่างจะเปิดเอกสารใน window ใหม่ของ browser
<a href="http://www.widebase.net/"
target="_blank">Visit Widebase!</a> |
แท็ก Anchor และคุณลักษณะ Name
คุณลักษณะ name ได้รับการใช้สร้างชื่อของ anchor เมื่อการใช้ชื่อ anchor ทำให้สามารถสร้างการเชื่อมกระโดดไปสู่ส่วนเจาะจงบนเพจโดยตรง แทนการให้ผู้เลื่อนเพื่อค้นหาสื่งที่ต้องการเห็น
ข้างล่างนี้คือไวยากรณ์ของชื่อ anchor
| <a name="label">Text to be displayed</a> |
คุณลักษณะ name ได้รับการใช้สร้างชื่อ anchor ชื่อของ anchor สามารถเป็นข้อความต่างที่ต้องการใช้
บรรทัดข้างล่างกำหนดชื่อ anchor
| <a name="tips">Useful Tips Section</a> |
ให้สังเกตว่าชื่อ anchor ไม่ได้แสดงด้วยวิธีพิเศษ การเชื่อมโยงโดยตรงกับส่วน tips เพิ่มเครื่องหมาย # (sign) และชื่อของ anchor ตอนท้ายของ URL เช่น
<a href="http:/www.widebase.net/internet/html_links.php#tips">
Jump to the Useful Tips Section</a> |
hyperlink ไปยัง Useful Tips Section จากภายในไฟล์ "html_links.php" จะเห็นในลักษณะนี้
| <a href="#tips">Jump to the Useful Tips Section</a> |
ข้อสังเกตเบื้องต้น
ให้เพิ่ม slash ต่อท้ายกับการอ้างอิงโฟลเดอร์ย่อย ถ้าการเชื่อมโยงเป็นแบบนี้
href="http://www.widebase.net/internet/html"
จะเป็นการสร้างคำขอ HTTP สองครั้งกับแม่ข่าย เพราะแม่ข่ายจะเพิ่ม slash กับ address และสร้างคำขอใหม่แบบนี้
href="http://www.widebase.net/internet/html/"
ชื่อ anchor มักจะได้รับการใช้ในการสร้าง ตารางสารบาญ ที่จุดเริ่มต้นของเอกสารขนาดใหญ่ แต่ละบทภายในเอกสารได้รับการให้ชื่อ anchor และเชื่อมโยงกับแต่ละ anchor เหล่านี้ได้รับการวางที่ด้านบนของเอกสาร
ถ้า browser ไม่สามารถค้นหาชื่อ anchor ที่มีการระบุ ก็จะไปที่ด้านบนของเอกสาร โดยไม่เกิดความผิดพลาด
แท็กเชื่อมโยง
| แท็ก |
คำอธิบาย |
| <a> |
กำหนด an anchor |
|
