(รูปที่ 1)
2. ลิงค์ภาพลิงค์รูปภาพหมายความว่าผู้ใช้สามารถข้ามไปยังสถานที่อื่นได้โดยคลิกที่ภาพหรือบางส่วนของภาพบนหน้าเว็บ แท็กสำหรับการเชื่อมโยงผ่านภาพคือ <a href = url> <img src => </a> ในกรณีที่ค่าของ HREF สามารถเป็น URL หรือเส้นทางสัมพัทธ์ SRC สามารถเป็นที่อยู่รูปภาพได้ ตัวอย่างเช่น <a href = http: //www.vevb.com> <img src = http: //www.vevb.com/images/logo.gif> </a> ดังที่แสดงใน (รูปที่ 2):
(รูปที่ 2)
3. แอตทริบิวต์เป้าหมายของไฮเปอร์ลิงก์แอตทริบิวต์เป้าหมายระบุประเภทของหน้าต่างที่ไฟล์ที่เชื่อมโยงปรากฏขึ้นในรูปแบบคือ: <a href = url target = window-name> ... </a> หากค่าของเป้าหมายเท่ากับ _blank หน้าต่างใหม่จะถูกเปิดหลังจากคลิกลิงก์เพื่อเรียกดูเป้าหมาย หากไม่มีการใช้คุณสมบัติเป้าหมายเบราว์เซอร์จะเรียกดูไฟล์ HTML ใหม่ในหน้าต่างเบราว์เซอร์ดั้งเดิมหลังจากคลิกที่ลิงค์ ตัวอย่างเช่น <a href = http: //www.vevb.com target = _blank> vevb </a> คลิกและเชื่อมต่อกับบล็อกของฉันดังที่แสดงใน (รูปที่ 3):
(รูปที่ 3)
4. การดาวน์โหลดไฟล์เป็นสิ่งที่พบได้บ่อยที่สุดที่เราทำบนอินเทอร์เน็ต มันง่ายมากที่จะดาวน์โหลดผ่านลิงก์ เพียงป้อนตำแหน่งของไฟล์ที่ที่อยู่ลิงค์ เมื่อผู้ใช้เบราว์เซอร์คลิกที่ลิงก์เบราว์เซอร์จะกำหนดประเภทไฟล์โดยอัตโนมัติเพื่อจัดการในสถานการณ์ต่าง ๆ ไวยากรณ์พื้นฐาน: <a href = file_url> ลิงค์ข้อความ </a> ไวยากรณ์คำอธิบาย: file_url แสดงที่อยู่ของไฟล์ที่เราต้องการดาวน์โหลด คุณสามารถเขียนเส้นทางสัมพัทธ์หรือเส้นทางที่แน่นอน เคล็ดลับ: ไฟล์สัมพัทธ์อ้างถึงเส้นทางของไฟล์อื่น ๆ ภายใต้เว็บไซต์เดียวกันที่เรียกว่าเส้นทางสัมพัทธ์เช่น /news/default.html; และจัดเตรียมเส้นทางที่สมบูรณ์สำหรับไฟล์รวมถึงโปรโตคอลที่ใช้เช่น http, FTP ฯลฯ เรียกว่าเส้นทางสัมบูรณ์เช่น http://www.baidu.com
5. ลิงก์สคริปต์สามารถเชื่อมโยงผ่านสคริปต์และสามารถใช้ในการใช้งานฟังก์ชั่นที่ไม่สามารถทำได้โดยภาษา HTML ต่อไปนี้คือการใช้ภาษาสคริปต์ JavaScript เป็นตัวอย่างเพื่อแสดงการใช้ลิงก์สคริปต์ ไวยากรณ์ต่าง ๆ ของ JavaScript จะถูกกล่าวถึงในบทต่อไป ที่นี่ฉันจะให้ความเข้าใจในการรับรู้ของจาวาสคริปต์ ไวยากรณ์พื้นฐาน: <a href = javaScript: ... > ลิงก์ข้อความ </a> ไวยากรณ์คำอธิบาย: สคริปต์เฉพาะถูกเขียนหลังจาก JavaScript: ตัวอย่างเช่นเขียนรหัสลิงค์สคริปต์สำหรับการปิดฟังก์ชั่นหน้าต่าง: <html> <head> <mhead> ลิงก์สคริปต์สำหรับการปิดฟังก์ชั่นหน้าต่าง </title> </head> <body> <a href = javascript: window.close ()> ปิดหน้าต่าง </a> </body> </html> คลิกเพื่อปิดหน้าต่างและกล่องโต้ตอบพร้อมที่จะปิดทางออกจะปรากฏขึ้นเช่น (รูปที่ 5):
(รูปที่ 4)
(รูปที่ 5)
6. การใช้ไฮเปอร์ลิงก์อย่างครอบคลุม มาเขียนไฮเปอร์ลิงก์ด้วย URL เป้าหมายและอีเมลบนข้อความและตั้งค่าภาพคลิกเพื่อดูเอฟเฟกต์ภาพขนาดใหญ่ เปิดโปรแกรม Notepad และป้อนคำสั่งต่อไปนี้ (ดูรูปที่ 6 สำหรับเอฟเฟกต์): <html> <head> <title> ตัวอย่างของการใช้ไฮเปอร์ลิงก์ </title> </head> <body> src = http: //www.vevb.com/images/logo.gif src = "/uploads/allimg/140624/131041di-5.gif"/>
(รูปที่ 6)