ชนิกานต์ 072

HYPERLINK

ไฮเปอร์ลิงค์ (Hyperlink) หรือที่เรียกสั้น ๆ ว่า ลิงค์ (Link) คือ การเช่ือมโยงกันระหว่างเว็บ เพจ จากหน้าหน่ึงไปยังอีกหน้าหนึ่ง หรือจากจุดหน่ึงไ ป ยั ง อี ก จุ ด ห น่ึ ง ภ า ย ใ น ห น้ า เ ดี ย ว กั นการเช่ือมโยง ลักษณะน้ีมีประโยชน์มากเพราะเว็บเพ จท่ีอยู่เด่ียว ๆ น้ัน ผู้ชมจาเป็นต้องรู้ที่อยู่หรือ URLท่ีแน่นอนจึงจะเข้าชมได้แต่เม่ือเว็บเพ จต่างลิงค์กันผู้ชมสามารถเปิดอ่านเว็บ เพจหน้าหน่ึงแล้วเชื่อมโยงไปยังหน้าอ่ืน ต่อไปได้เรื่อย ๆ

องค์ประกอบ ของไฮเปอร์ลิงค์บนเว็บ เพจมี 2 ส่วนด้วยกัน คือ1.ต้นทาง คือออบเจ็คใด ๆ บนเว็บเพจที่เป็นจุดลิงค์ซ่ึงเม่ือผู้ชมคลิกจะทา ให้เอกสาร หรือข้อมูล ปลายทางถูกเรียนข้ึนมาแสดง ต้นทานน้ีอาจจะเป็นข้อความภาพกราฟิก หรือ ออบเจ็คชนิดอื่นก็ได้2.ปลายทาง อาจจะเป็นไฟล์เอกสารหรือแหล่งข้อมูลใด ๆ บน อินเทอร์เน็ต

คาส่ังให้ส่งอีเมล์ (email Link)เป็นการส่ังให้เปิดโปรแกรมอีเมล์ที่ ฟอลต์บนเครื่องของผู้ชม เช่น Windows Mailหรือ Outlook Express เพ่ือเตรียมเ ขี ย น ข้ อ ค ว า ม แ ล ะ ส่ ง อี เ ม ล์ โปรแกรมท่ีทางาน บนเซิร์ฟเวอร์(server-side script หรือ webapplication) เพื่อใชส้ร้างเว็บ เพจท่ีมีการเปล่ียนแปลงเน้ือหาตามเงื่อนไข หรือเพื่อสืบค้นข้อมูลจากฐานข้อมูล เป็นต้น

คาสั่งรันโปรแกรม JavaScriptหรือ VBScript เพื่อให้ทางานบางอย่างเช่น สร้างการโต้ตอบ บนเว็บ เพจ, เปิดลิงค์เป็นวินโดว์ใหม่ แบบป๊อปอัพ และปิดวิ น โ ด ว บ์ ร า ว เ ซ อ ร์ ไฟล์ประเภทต่างๆ วิธีทางานของบ ร า ว เ ซ อ ร์ จ ะ ขึ้ น กั บ ป ร ะ เ ภ ท ข อ ง ไ ฟ ล์ น้ั นเช่น มัลติมีเดีย บางชนิดบราวเซอร์อาจจะเล่นได้เอง หากเป็นไฟล์ที่บราวเซอร์ไม่รู้จัดแต่เครื่องของผู้ชมที่มีโปรแกรม เสริมท่ีเก่ียวข้องติดตั้งอยู่ โปรแกรมนั้นก็จะถูกเรียกขึ้นมาแสดง และหากเป็นไฟล์อ่ืน ๆบราวเซอร์จะ ให้เลือกดาวน์โหลดหรือเปิดด้วยโปรแกรมดี ฟอลต์สาหรับไฟล์ป ร ะ เ ภ ท น้ั น

วิธี ใ น การ สร้า ง ลิงค์ มีอ ยู่ 2 วิธี คื อ1. สร้าง ลิงค์ไปยังเอก สา รอ่ืน2. สร้าง ลิงค์ใน เอกสารเดียวกันวิธี ก า รสร้าง ลิงค์ ไ ปยังเอกสาร อ่ืนเ อกสารอ่ืน น่ี อาจจะ หมา ยถึ งอะ ไรก็ ได้ ไม่ว่าจะเป็น เอกสาร h tml, เอกสาร ph pเอกสาร Wo rd, เอกสาร Excel หรือแม่กระท่ัง รูปภาพ หรือโปรแกรมต่าง ๆ เช่นตัวอย่างโค้ด : <ahref=\"http://www.doesystem .co m/ 51 / HTML / 1. h tml \" > ลิ งค์ไป ยังเอกสาร html</a>ผลลัพธ์ : ลิงค์ไปยังเอกสาร h tml

ตั ว อ ย่ า งโค้ด : <a href=\"../index.php \">ลิงค์ไปยังเอกสาร php</a>ผลลัพธ์ : ลิงค์ไปยังเอกสาร phpอธิบาย : ในที่มี URL เราไม่ได้ใส่เป็นhttp แต่เราใส่เป็น ../index.phpซึ่งใช้งานได้ และกระโดดไปที่หน้าindex.php ได้เหมือนกัน เคร่ืองหมาย../ ก็คือการย้อนกลับไปท่ีได เร็ทรอร่ีก่อนหน้าหนึ่งชั้น หากเราต้องการย้อนไปสองชั้นก็ให้ใส่สองที เช่น ../../ แล้วตามด้วยก า ร ช่ื อ ไ ฟ ล์ ท่ี ต้ อ ง ก า ร เ รี ย ก

วธิ กี ารสรา้ งลิงคใ์ นเอกสารเดียวกันการสรา้ งลิงคใ์ นเอกสารเดยี วกนั กแ็ บง่ ออกเปน็ 2แบบดว้ ยกนั คอื แบบมแี อททรบิ ิวเนม กบั ไมม่ ีแอททริบวิ เนมแบบไมม่ ีมแี อททริบิวเนมแบบไม่มแี อททรบิ ิวเนม กเ็ หมอื น ๆ กบั ตวั อย่างที่ผ่านมา เวลาจะลงิ ค์อย่ทู หี่ น้าเดมิ จะเขียนไดเ้ ป็นดังนี้ตวั อยา่ งโค้ด : <a href=\"\">ลงิ คอ์ ย่ใู นเอกสารเดียวกนั</a>ผลลัพธ์ : ลงิ คอ์ ยูใ่ นเอกสารเดียวกัน

แ บ บ มี แ อ ท ท ริ บิ ว เ น มลิ้งแบบนี้ มีไว้สาหรับ ลิ้งไปหัวข้อย่อยในหน้าเอกสารเดียวกัน เพราะบางทีเอกสารที่มีขนาดสูงเกินไป ทาให้ต้องเล่ือนลงมาอ่านยาก จึงทาเป็น ลิ้งค์หัวข้อย่ อ ย ใ ห้ ค ลิ กตั ว อ ย่ า งโค้ด : <a href=\"HTML-Hyperlinks(Links) -การใช้ลิ้งค์-หรือจุดเชื่อมโยง .htm\">ล้ิงค์อยู่ในเอกสารเดียวกัน </a>ผลลัพธ์ : ล้ิงค์อยู่ในเอกสารเดียวกันอธิบาย : ล้ิงท่ีอยู่ในเอกสารเดียวกันแบบวิธีนี้ก็คือ ใส่ชื่อ URL เดียวกับช่ือของเอกสาร ทาให้ ลิ้งไปที่หน้าเดิม