ทุกอย่างที่ผู้สร้างวางไว้ในหน้าเว็บถูกสร้างขึ้นใหม่โดยเบราว์เซอร์ของผู้เยี่ยมชมตามคำแนะนำ HTML ที่เว็บเซิร์ฟเวอร์ส่ง โดยเฉพาะอย่างยิ่ง ไฮเปอร์ลิงก์จะแสดงบนหน้าเว็บเมื่อเบราว์เซอร์พบแท็ก "A" (จากคำว่า anchor) ในซอร์สโค้ด ในแท็กนี้ คุณสามารถระบุข้อมูลเพิ่มเติม (แอตทริบิวต์ของแท็ก) ที่บอกรายละเอียดเบราว์เซอร์ว่าลิงก์ควรมีลักษณะอย่างไร ทิศทางไหน การตอบสนองต่อการโฮเวอร์ ฯลฯ
คำแนะนำ
ขั้นตอนที่ 1
ใส่เฉพาะที่อยู่อ้างอิงในแท็กลิงก์ หากคุณต้องการให้การออกแบบและการทำงานของลิงก์นี้เหมือนกับองค์ประกอบอื่นๆ ที่คล้ายคลึงกันในหน้านี้ แท็กดังกล่าวที่มีชุดแอตทริบิวต์ขั้นต่ำใน HTML (HyperText Markup Language) อาจมีลักษณะดังนี้: ลิงก์ข้อความ ที่นี่ แท็กเปิดประกอบด้วยแอตทริบิวต์ href ที่มีที่อยู่ลิงก์แบบเต็ม ด้านหลังแท็กเริ่มต้นคือข้อความลิงก์ ตามด้วยแท็กปิดท้าย หากลิงก์ชี้ไปที่เอกสารที่อยู่ในโฟลเดอร์เซิร์ฟเวอร์เดียวกันกับที่มีหน้านั้นอยู่ ก็ไม่จำเป็นต้องระบุที่อยู่แบบเต็ม ("สัมบูรณ์") ในกรณีนี้ ลิงก์อาจมีลักษณะดังนี้: ลิงก์ข้อความ หากเอกสารอยู่ในโฟลเดอร์ย่อย ให้เขียนดังนี้: ลิงก์ข้อความ ที่อยู่ดังกล่าว ซึ่งตรงข้ามกับที่อยู่แบบสัมบูรณ์เรียกว่า "ญาติ"
ขั้นตอนที่ 2
วางแอตทริบิวต์เป้าหมายบนแท็กเปิดของลิงก์เพื่อสั่งให้เบราว์เซอร์เปิดลิงก์ในหน้าต่างใหม่ ตัวอย่างเช่น อาจมีลักษณะดังนี้: เปิดในหน้าต่างใหม่ ที่นี่ ค่า _blank ที่กำหนดให้กับแอตทริบิวต์เป้าหมายหมายถึงหน้าใหม่ และโดยรวมแล้วแอตทริบิวต์นี้สามารถกำหนดค่าที่แตกต่างกันสี่ค่า อีกสามรายการที่เหลือ (_self, _parent และ _top) ไม่ได้ใช้และนำไปใช้กับหน้าที่ใช้เฟรมหรือเปิดด้วย JavaScript
ขั้นตอนที่ 3
ใช้แอตทริบิวต์ชื่อ หากเมื่อคลิกลิงก์ คุณต้องเลื่อนเอกสารไปยังป้ายกำกับที่ระบุในลิงก์ในหน้านี้ ป้ายกำกับในโค้ด HTML อาจมีลักษณะดังนี้: ผู้เข้าชมจะไม่เห็นลิงก์นี้ จุดประสงค์ของลิงก์นี้มีขึ้นเพื่อระบุตำแหน่งที่ควรเลื่อนหน้า และลิงก์ไปยังเครื่องหมายนี้เองควรมีลักษณะดังนี้: ลิงก์ไปยังเครื่องหมายแรก หากเครื่องหมายดังกล่าวไม่อยู่ในหน้าปัจจุบัน ลิงก์ไปยังเครื่องหมายดังกล่าวอาจมีลักษณะดังนี้: ทำเครื่องหมายในหน้าภายนอก
ขั้นตอนที่ 4
วางองค์ประกอบหน้าบล็อกอื่นๆ ระหว่างแท็กลิงก์เริ่มต้นและสิ้นสุด หากคุณต้องการสร้างองค์ประกอบเหล่านี้เป็นลิงก์ ตัวอย่างเช่น โค้ด HTML ของรูปภาพลิงก์อาจมีลักษณะดังนี้: