ไฮเปอร์ลิงก์เป็นรากฐานในการสร้างโครงสร้างของอินเทอร์เน็ต เป็นองค์ประกอบเหล่านี้ของหน้าอินเทอร์เน็ตที่อนุญาตให้คุณเชื่อมโยงหน้าของเว็บไซต์เป็นเครือข่ายเดียว มาดูกันว่าไฮเปอร์ลิงก์ถูกแทรกลงในเอกสารอย่างไร
คำแนะนำ
ขั้นตอนที่ 1
ลิงก์ไฮเปอร์เท็กซ์ได้รับการออกแบบมาเพื่อเชื่อมโยงข้อความ รูปภาพ หรือองค์ประกอบของหน้าอื่นๆ กับเอกสารไฮเปอร์เท็กซ์อื่นๆ องค์ประกอบทั้งหมดของหน้าเว็บไซต์ รวมถึงลิงก์ ถูกสร้างขึ้นโดยเบราว์เซอร์ ซึ่งได้รับคำแนะนำโดยละเอียดจากโค้ดของหน้าที่ส่งไปโดยเซิร์ฟเวอร์ โค้ด HTML (HyperText Markup Language) นี้ประกอบด้วย "แท็ก" ที่อธิบายประเภท ลักษณะที่ปรากฏ และตำแหน่งขององค์ประกอบทั้งหมดของหน้าเว็บ เบราว์เซอร์สร้างไฮเปอร์ลิงก์มาตรฐานเมื่อพบแท็กต่อไปนี้ในโค้ดของเพจ เช่น แท็กต่อไปนี้: ลิงก์ข้อความ นี่คือแท็กลิงก์เปิด - แท็กปิด แท็กเปิดสามารถมีข้อมูลเพิ่มเติม - "แอตทริบิวต์" ในลิงก์ง่ายๆ นี้ แอตทริบิวต์ href มี URL ของหน้าหรือเอกสารอื่นๆ ที่จะถูกร้องขอหากผู้เยี่ยมชมคลิกที่ลิงก์ บางครั้งไม่จำเป็นต้องระบุที่อยู่แบบเต็ม - หากเอกสารที่ร้องขออยู่บนเซิร์ฟเวอร์ในโฟลเดอร์เดียวกัน (หรือโฟลเดอร์ย่อยในนั้น) ก็เพียงพอที่จะระบุเฉพาะชื่อหรือเส้นทางไปยังโฟลเดอร์ย่อยเท่านั้น ที่อยู่ดังกล่าวเรียกว่า "ญาติ" ควรเขียนเช่น: ลิงก์ข้อความ เมื่อคุณคลิกที่ลิงก์นี้ เอกสาร moreText.html จากโฟลเดอร์เดียวกันจะถูกโหลด และที่อยู่ลิงก์แบบสัมบูรณ์จะเริ่มต้นด้วยโปรโตคอล ตัวอย่างเช่น Text Link Here "http" (HyperText Transfer Protocol) คือที่อยู่ปกติของเอกสารบนเครือข่าย และหากคุณระบุโปรโตคอล "mailto" ไฮเปอร์ลิงก์จะเปิดโปรแกรมอีเมลของคุณ แทนที่จะไปที่หน้าอื่น: ลิงก์อีเมล): ลิงก์ไปยังไฟล์เก็บถาวร
ขั้นตอนที่ 2
แอตทริบิวต์ไฮเปอร์ลิงก์อื่นที่ระบุว่าหน้าต่างใดที่จะโหลดเอกสารใหม่นี้ สะกดว่า "เป้าหมาย" หากคุณสามารถป้อนที่อยู่ที่ถูกต้องในแอตทริบิวต์ href เป้าหมายสามารถมีค่าได้เพียงสี่ค่า: _self - หน้าต้องโหลดลงในหน้าต่างหรือเฟรมเดียวกัน "เฟรม" หมายถึงส่วนหนึ่งของหน้าต่างที่แบ่งออกเป็นหลายส่วน _parent - หากหน้าปัจจุบันถูกโหลดจากหน้าต่างอื่น (หรือเฟรม) หน้านั้นจะมีหน้าต่าง "พาเรนต์" และค่า _parent กำหนดให้หน้าที่โหลดจุดเชื่อมโยงไปยังหน้าต่างหลักนี้ _top - หน้าใหม่จะต้องโหลดลงในหน้าต่างเดียวกัน หากหน้าต่างนี้แบ่งออกเป็นเฟรม เมื่อโหลด หน้าต่างจะถูกทำลาย และหน้าใหม่จะเป็นเฟรมเดียวในหน้าต่างนี้ _blank - หน้าต่างแยกต่างหากจะเปิดขึ้นเพื่อไปตามลิงก์ ตัวอย่างเช่น
ลิงก์จะเปิดในหน้าต่างใหม่
ขั้นตอนที่ 3
เป็นไปได้ที่จะสร้างไฮเปอร์ลิงก์เพื่อไม่ให้ไปยังหน้าอื่น แต่ไปยังส่วนที่กำหนดของเอกสารเดียวกัน เพื่อระบุ "ปลายทาง" ดังกล่าวในโค้ด html ของเอกสารจะใช้ลิงก์สมอ: และลิงก์ที่เลื่อนเอกสารไปยังจุดยึดนี้จะมีลักษณะดังนี้: ลิงก์ไปยังจุดยึดแรกของหน้า คุณสามารถเชื่อมโยงไปยังจุดยึดได้ไม่เพียง ในเอกสารนี้ แต่ในเอกสารอื่น ๆ ด้วย: Anchor ในหน้าอื่นแน่นอนใน html-code ของเอกสารอื่นเช่น anchor link ที่มีชื่อแอตทริบิวต์ = "Anchor1" ต้องมีอยู่
ขั้นตอนที่ 4
ไฮเปอร์ลิงก์ไม่เพียงแต่ให้บริการข้อความเท่านั้น แต่ยังรวมถึงองค์ประกอบอื่นๆ ของหน้าด้วย เช่น รูปภาพ แท็กที่ง่ายที่สุดที่วาดภาพมีลักษณะดังนี้: และเพื่อให้รูปภาพกลายเป็นไฮเปอร์ลิงก์ แท็กนั้นต้องอยู่ระหว่างแท็กเปิดและแท็กลิงก์ปิด: