ไฮเปอร์ลิงก์แท็กแสดงถึงจุดเชื่อมโยงและเป็นตัวย่อของสมอเป็นภาษาอังกฤษ ฟังก์ชั่นของมันคือการเชื่อมต่อข้อความหรือรูปภาพที่ตำแหน่งปัจจุบันไปยังหน้าอื่น ๆ ข้อความหรือรูปภาพซึ่งเป็นที่รู้จักกันดี แต่โครงสร้างไวยากรณ์อาจไม่เป็นที่รู้จักเล็กน้อยเกี่ยวกับมันและใช้มันเพื่อมีชีวิตอยู่จำเป็นต้องเข้าใจโครงสร้างไวยากรณ์ แท็กไฮเปอร์ลิงก์ <a> หมายถึงจุดเชื่อมโยงและตัวย่อสำหรับสมอภาษาอังกฤษ (จุดยึด) จุดประสงค์ของมันคือการเชื่อมต่อข้อความหรือรูปภาพที่ตำแหน่งปัจจุบันกับหน้าข้อความหรือรูปภาพอื่น ๆ ซึ่งเป็นที่รู้จักกันดี แต่โครงสร้างไวยากรณ์อาจไม่เป็นที่รู้จักเล็กน้อยเกี่ยวกับเรื่องนี้และใช้มันเพื่อใช้ชีวิตอยู่จำเป็นต้องเข้าใจโครงสร้างไวยากรณ์ โครงสร้างไวยากรณ์พื้นฐานของแท็ก <a> คือ:
<A
คลาส = ประเภท
id = ค่า
href = การอ้างอิง
ชื่อ = ค่า
rel = เดียวกัน | ถัดไป | ผู้ปกครอง | ก่อนหน้า
rev = ค่า
target = window
สไตล์ = ค่า
title = title
onclick = ฟังก์ชั่น
onMouseOut = ฟังก์ชั่น
onMouseOver = function> </a>
จากโครงสร้างไวยากรณ์ของแท็กจะเห็นได้ว่ามีพารามิเตอร์มากมายให้เลือกเมื่อตั้งค่าไฮเปอร์ลิงก์เพื่อให้ได้เอฟเฟกต์การเชื่อมโยงที่แตกต่างกันใช่ไหม? -
ตัวเลือกคลาสและ ID ใช้เพื่อตั้งค่าประเภทและหมายเลข ID ที่กำหนดซึ่งเป็นจุดเชื่อมโยงและมักจะไม่ตั้งค่า พารามิเตอร์ที่ใช้กันมากที่สุดสองตัวคือ href และชื่อ โดยที่ HREF เป็นตัวย่อของการอ้างอิงไฮเปอร์เท็กซ์ซึ่งใช้ในการตั้งค่าที่อยู่ลิงค์ ที่อยู่ลิงค์จะต้องเป็นที่อยู่ URL หากไม่มีเส้นทางที่เฉพาะเจาะจงเส้นทางเริ่มต้นจะเหมือนกับเส้นทางของหน้าปัจจุบัน ไฟล์ที่เชื่อมโยงจะแบ่งออกเป็นหลายสถานการณ์: หากเป็นไฟล์ HTML มันจะเปิดโดยตรงในเบราว์เซอร์ปัจจุบัน หากเป็นไฟล์ที่เรียกใช้งานได้ (ไฟล์. exe) มันจะถูกเรียกใช้งานหรือดาวน์โหลดโดยตรง ไฟล์ที่เราให้การดาวน์โหลดนั้นทำขึ้นด้วยคุณสมบัตินี้ หากเป็นไฟล์ข้อความเช่นไฟล์รูปแบบคำจะเปิดในเบราว์เซอร์และสามารถแก้ไขและประมวลผลได้
REL: ระบุความสัมพันธ์ระหว่างลิงก์การตั้งค่า: rel = เดียวกันหมายความว่าไฟล์ที่เชื่อมโยงนั้นเหมือนกับไฟล์นี้ rel = ถัดไปหมายความว่าไฟล์ที่จะเชื่อมโยงคือหน้าถัดไป rel = พาเรนต์หมายความว่าไฟล์ที่เชื่อมโยงคือไฟล์พาเรนต์และ rel = ก่อนหน้าหมายความว่าไฟล์ที่เชื่อมโยงคือหน้าก่อนหน้า
Rev: ใช้เพื่อตั้งค่าลิงก์ย้อนกลับ
เป้าหมาย: มันคือการตั้งค่าหน้าต่างที่จะเชื่อมโยงไปยังเมื่อใช้หน้าต่างเฟรมและ target = _bank หมายถึงการเปิดหน้าต่างใหม่เพื่อเปิดหน้าเว็บ
ชื่อเรื่อง: ใช้เพื่อตั้งชื่อเพื่อแสดงเมื่อเลือกจุดเชื่อมโยง
onclick: สอดคล้องกับเหตุการณ์ เมื่อมีการคลิกจุดลิงก์เหตุการณ์นี้จะถูกทริกเกอร์และรูทีนย่อยที่เกี่ยวข้องจะถูกดำเนินการ
OnMouseOver: คล้ายกับ onClick เหตุการณ์ที่เกี่ยวข้องจะถูกกระตุ้นเมื่อเมาส์เคลื่อนที่ไปยังจุดเชื่อมโยง
OnMouseOut: เหตุการณ์ที่เกี่ยวข้องจะถูกกระตุ้นหลังจากที่เมาส์ถูกย้ายออกจากการติดต่อในเมือง
ยกตัวอย่าง: <a href = index.htm> กลับไปที่หน้าแรก </a>
<a href = sound.wav> เล่นไฟล์เสียง </a>
<a href = javascipt.open ()> ดำเนินการโปรแกรมที่เกี่ยวข้อง </a>
<a herf = document.doc> เปิดเอกสารที่เกี่ยวข้องสำหรับการประมวลผล </a>
เคล็ดลับแอปพลิเคชัน
1. ให้ไฟล์ดาวน์โหลด
ชาวเน็ตหลายคนเขียนเพื่อถามวิธีการให้เอฟเฟกต์การดาวน์โหลด อันที่จริงมันยังคงเป็นไฮเปอร์ลิงก์ แต่ไฟล์สำหรับการดาวน์โหลดจะต้องอัปโหลดไปยังเว็บไซต์ ตัวอย่าง: มีแพ็คเกจไฟล์ทักษะหน้าเว็บสำหรับดาวน์โหลด ชื่อไฟล์คือ HomePageJq.zip และได้รับการอัปโหลดไปยังเว็บไซต์ รหัสสำหรับลิงค์นี้สามารถเขียนได้เช่นนี้: <a href = homePagejq.zip> คลิกที่นี่เพื่อดาวน์โหลดแพ็คเกจไฟล์ทักษะเว็บเพจ </a>
2. เปิดหน้าเว็บที่เชื่อมโยงในหน้าต่างใหม่
ตั้งค่าเป้าหมายเป็น _blank ตัวอย่าง: เปิดหน้าเว็บเกี่ยวกับ Me.htm ในหน้าต่างใหม่ รหัสที่สร้างเอฟเฟกต์นี้คือ: <a href = เกี่ยวกับ meMe.htm target = _blank> เกี่ยวกับฉัน ... </a>
3. ย้ายเมาส์ไปยังลิงค์และแสดงบรรทัดคำแนะนำ
ตั้งค่าพารามิเตอร์ชื่อเรื่องเพื่อให้ได้เอฟเฟกต์นี้ ตัวอย่าง: เมื่อเมาส์ถูกย้ายไปยังลิงค์ Wulin.com จะแสดงให้เห็นว่านี่เป็นเว็บไซต์ระดับมืออาชีพที่แนะนำทักษะการผลิตเว็บเพจ รหัสสำหรับลิงค์นี้มีดังนี้: <a href = hscf.htm title = นี่คือเว็บไซต์ระดับมืออาชีพที่แนะนำทักษะการผลิตหน้าเว็บ> wulin.com </a>
4. เลื่อนเมาส์ไปยังลิงค์และหน้าต่างจะปรากฏขึ้น
นี่คือเอฟเฟกต์ที่ได้จากการตั้งค่าพารามิเตอร์ onmouseover ตัวอย่าง: เมื่อเมาส์เคลื่อนไปยังลิงก์หน้าต่างจะปรากฏขึ้นและแสดงการสาธิตเอฟเฟกต์เมาส์โฮเวอร์เอฟเฟกต์ในหน้าต่าง! - รหัสสำหรับลิงค์นี้มีดังนี้: <a href = หน้าเว็บอื่น ๆ htm onmouseover = การแจ้งเตือน ('การสาธิตเอฟเฟกต์ Mouseover!')> ลิงก์ </a> ในทำนองเดียวกันคุณสามารถสร้างเอฟเฟกต์ของการโผล่ออกมาจากหน้าต่างงานนำเสนอหลังจากที่เมาส์ถูกกดและโผล่ขึ้นมาในหน้าต่างงานนำเสนอเมื่อเมาส์ออกไป
5. ลิงก์ไปยังเนื้อหาที่ระบุของหน้านี้
ในการเชื่อมโยงไปยังส่วนหนึ่งของหน้านี้ (นั่นคือกระโดดในไฟล์) คุณต้องใช้ชื่อพารามิเตอร์เพื่อระบุชื่อของจุดลิงก์ เมื่อคุณเลือกชิ้นส่วนของข้อความคุณสามารถตั้งชื่อด้วยพารามิเตอร์ชื่อสำหรับการเชื่อมโยง การกระโดดที่เรียกว่าในไฟล์เดียวกันหมายความว่าเมื่อผู้อ่านอ่านไฟล์ที่ยาวมากหากเขาสนใจเพียงส่วนหนึ่งของเนื้อหาเขาสามารถใช้วิธีการอ่านกระโดด รูปแบบพื้นฐานคือ:
<a href =#ชื่อจุดลิงก์> ส่วนที่ 2 </a> ส่วนที่ 1 เนื้อหา ...
-
<a name = link point name> </a> เนื้อหาจริงของส่วนที่สอง ...
-
ด้วยวิธีนี้เมื่อคุณคลิกที่ไฮเปอร์ลิงก์ในส่วนที่สองคุณจะถ่ายโอนไปยังเนื้อหาจริงของส่วนที่สองโดยอัตโนมัติ ชื่อจุดเชื่อมโยงที่กำหนดโดยพารามิเตอร์ชื่อสามารถนำมาใช้ได้ แต่ชื่อจุดเชื่อมโยงในพารามิเตอร์ HREF ที่เชื่อมโยงจะต้องสอดคล้องกับมัน อย่าลืมเพิ่ม # ต่อหน้า
6. ตำแหน่งเนื้อหาที่ระบุเชื่อมโยงกับหน้าอื่น ๆ
วิธีการนี้คล้ายกับตัวอย่างข้างต้น แต่ชื่อไฟล์ของหน้าเว็บจะต้องเพิ่มก่อนที่ชื่อจุดเชื่อมโยงในพารามิเตอร์ HREF ตัวอย่าง: มีสองหน้าเว็บหน้า 1.htm และ page2.htm แต่ละหน้ามีเนื้อหาสองส่วน ตอนนี้คุณต้องการสร้างไฮเปอร์ลิงก์ในหน้า 1.htm หลังจากกดลิงค์คุณจะไปที่ส่วนที่สองของหน้า 2.htm จากนั้นเราสามารถทำได้ก่อนอื่นเขียนรหัสเช่นนี้ที่จุดเริ่มต้นของส่วนที่สองของ page2.htm: <a name = link point name> </a>; เขียนรหัสลิงก์เช่นนี้ในหน้า 1.htm: <a href = pagw2.htm#ชื่อจุดลิงก์> ส่วนที่ 2 ของหน้า 2 </a>
7. ลิงก์ไปยัง e_mail
หลังจากคลิกไฮเปอร์ลิงก์ซอฟต์แวร์การจัดการอีเมลบนไคลเอนต์จะเริ่มเขียนถึงคุณ ตัวอย่างเช่นบรรทัดรหัสนี้: <a href = mailto: [email protected]> โปรดเขียนฉัน </a> เมื่อคุณคลิกที่ลิงค์นี้โปรดเขียนถึงฉัน ซอฟต์แวร์การจัดการอีเมล (เช่น OE) จะเริ่มฟังก์ชั่นการเขียนจดหมายโดยอัตโนมัติและที่อยู่อีเมลได้รับการเพิ่มลงในแถบที่อยู่ของผู้รับ
ลิงค์ไม่เพียง แต่สามารถใช้ข้อความเป็นผู้ให้บริการ แต่ยังรวมถึงภาพเป็นผู้ให้บริการ แต่ยังใช้ส่วนหนึ่งของรูปภาพเป็นผู้ให้บริการและเอฟเฟกต์ทั้งสองข้างต้นสามารถทำได้ วิธีการเหมือนกัน แต่ความแตกต่างคือผู้ให้บริการนั่นคือส่วนระหว่างสองคู่ของวงเล็บสี่เหลี่ยมจัตุรัสของลิงค์ดังนั้นจะไม่มีตัวอย่างอื่นใด