ลิงค์ที่จะพบได้ในเกือบทุกหน้าเว็บ ลิงค์ที่ให้ผู้ใช้สามารถคลิกที่วิธีการของพวกเขาจากหน้าไปยังหน้า
HTML ลิงค์คำอธิบาย
เชื่อมโยงหลายมิติหรือเพียงแค่การเชื่อมโยงคือการอ้างอิงถึงข้อมูลที่ผู้อ่านโดยตรงสามารถปฏิบัติตามอย่างใดอย่างหนึ่งโดยการคลิกที่แตะหรือโฉบ
ชี้เชื่อมโยงหลายมิติไปยังเอกสารทั้งหมดหรือจะเป็นองค์ประกอบที่เฉพาะเจาะจงภายในเอกสาร Hypertext เป็นข้อความที่มีการเชื่อมโยงหลายมิติ ข้อความที่มีการเชื่อมโยงจากที่เรียกว่ายึดข้อความ
ระบบซอฟแวร์ที่ใช้สำหรับการดูและการสร้างไฮเปอร์เป็นระบบไฮเปอร์และเพื่อสร้างเชื่อมโยงหลายมิติคือการเชื่อมโยงหลายมิติ (หรือเพียงแค่การเชื่อมโยง) ผู้ใช้เชื่อมโยงหลายมิติต่อไปนี้มีการกล่าวถึงนำทางหรือเรียกดูไฮเปอร์
ลิงค์ HTML - เชื่อมโยงหลายมิติ
ลิงก์ HTML มีความเชื่อมโยงหลายมิติ
เชื่อมโยงหลายมิติเป็นข้อความหรือภาพที่คุณสามารถคลิกบนและข้ามไปยังเอกสารอื่น
ลิงค์ HTML - ไวยากรณ์
ใน HTML, การเชื่อมโยงจะกำหนดด้วย <a> แท็ก:
<a href=" url "> link text </a>href แอตทริบิวต์ระบุที่อยู่ปลายทาง (http://www.w3ii.com/html/default.html)
การเชื่อมโยงข้อความเป็นส่วนที่มองเห็น (Visit our HTML tutorial)
คลิกที่ข้อความเชื่อมโยงจะส่งไปยังที่อยู่ที่ระบุ
การเชื่อมโยงข้อความไม่จำเป็นต้องเป็นข้อความ มันอาจจะเป็นภาพ HTML หรือองค์ประกอบ HTML อื่น ๆ
โดยไม่ต้องเฉือนท้ายที่อยู่โฟลเดอร์ย่อยคุณอาจสร้างสองร้องขอไปยังเซิร์ฟเวอร์ หลายเซิร์ฟเวอร์โดยอัตโนมัติจะเพิ่มต่อท้ายเฉือนไปยังที่อยู่และสร้างคำขอใหม่
ลิงก์ท้องถิ่น
ตัวอย่างข้างต้นใช้ URL แบบเต็ม (A full web address)
การเชื่อมโยงท้องถิ่น (link to the same web site) ถูกระบุด้วย URL ที่เกี่ยวข้อง (without http://www.... )
ลิงค์ HTML - สี
เมื่อคุณเลื่อนเมาส์ไปเชื่อมโยงสองสิ่งปกติที่จะเกิดขึ้น:
- ลูกศรของเมาส์จะกลายเป็นมือเล็ก ๆ น้อย ๆ
- สีขององค์ประกอบการเชื่อมโยงจะมีการเปลี่ยนแปลง
โดยค่าเริ่มต้นการเชื่อมโยงจะปรากฏเช่นนี้ (in all browsers) :
- การเชื่อมโยง unvisited เป็นขีดเส้นใต้และสีฟ้า
- การเชื่อมโยงเข้าเยี่ยมชมเป็นขีดเส้นใต้และสีม่วง
- ลิงค์ที่ใช้งานเป็นที่ขีดเส้นใต้และสีแดง
คุณสามารถเปลี่ยนสีเริ่มต้นโดยใช้รูปแบบ:
ตัวอย่าง
<style>
a:link {color:green; background-color:transparent; text-decoration:none}
a:visited {color:pink; background-color:transparent; text-decoration:none}
a:hover {color:red; background-color:transparent; text-decoration:underline}
a:active {color:yellow; background-color:transparent; text-decoration:underline}
</style> ลองตัวเอง» ลิงค์ HTML - The target แอตทริบิวต์
target แอตทริบิวต์ระบุตำแหน่งที่จะเปิดเอกสารที่เชื่อมโยง
ตัวอย่างนี้จะเปิดเอกสารที่เชื่อมโยงในหน้าต่างเบราว์เซอร์ใหม่หรือในแท็บใหม่:
| มูลค่าเป้าหมาย | ลักษณะ |
|---|---|
| _blank | เปิดเอกสารที่เชื่อมโยงในหน้าต่างหรือแท็บใหม่ |
| _self | เปิดเอกสารที่เชื่อมโยงในกรอบเดียวกับที่มีการคลิก (this is default) |
| _parent | เปิดเอกสารที่เชื่อมโยงในกรอบแม่ |
| _top | เปิดเอกสารที่เชื่อมโยงในร่างกายเต็มรูปแบบของหน้าต่าง |
| framename | เปิดเอกสารที่เชื่อมโยงอยู่ในกรอบที่ชื่อ |
หากหน้าเว็บของคุณถูกขังอยู่ในกรอบที่คุณสามารถใช้ target="_top" เพื่อแยกออกจากกรอบ:
ตัวอย่าง
<a href="http://www.w3ii.com/html/default.html" target="_top">HTML5 tutorial!</a> ลองตัวเอง» ลิงค์ HTML - รูปที่เชื่อมโยง
มันเป็นเรื่องธรรมดาที่จะใช้ภาพการเชื่อมโยง:
ตัวอย่าง
<a href="default.html">
<img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;border:0">
</a> ลองตัวเอง» ชายแดน: 0 ถูกเพิ่มเพื่อป้องกันไม่ให้ IE9 (and earlier) จากการแสดงเส้นขอบรอบ ๆ ภาพ
ลิงค์ HTML - สร้าง Bookmark
บุ๊ก HTML จะใช้ในการช่วยให้ผู้อ่านข้ามไปยังส่วนที่เฉพาะเจาะจงของเว็บเพจ
ที่คั่นหน้าเป็นจริงถ้าเว็บไซต์ของคุณมีหน้ายาว
ที่จะทำให้บุ๊กก่อนอื่นคุณต้องสร้างบุ๊กและจากนั้นเพิ่มการเชื่อมโยงกับมัน
เมื่อการคลิกลิงก์หน้าจะเลื่อนไปยังสถานที่ที่มีบุ๊ก
ตัวอย่าง
ครั้งแรกที่สร้างบุ๊กกับที่ id แอตทริบิวต์:
<h2 id="tips">Useful Tips Section</h2>จากนั้นให้เพิ่มการเชื่อมโยงไปยังบุ๊ก ("Useful Tips Section") จากภายในหน้าเดียวกัน:
<a href="#tips">Visit the Useful Tips Section</a>หรือเพิ่มการเชื่อมโยงไปยังบุ๊ก ("Useful Tips Section") จากหน้าอื่น:
บทสรุป
- ใช้ HTML <a> องค์ประกอบในการกำหนดลิงค์
- ใช้ HTML href แอตทริบิวต์การกำหนดที่อยู่การเชื่อมโยง
- ใช้ HTML โดย target แอตทริบิวต์การกำหนดสถานที่ที่จะเปิดเอกสารที่เชื่อมโยง
- ใช้ HTML <img> องค์ประกอบ (inside <a> ) ที่จะใช้ภาพเป็นลิงค์
- ใช้ HTML id แอตทริบิวต์ ( id=" value ") เพื่อกำหนดบุ๊กในหน้าเว็บ
- ใช้ HTML href แอตทริบิวต์ ( href="# value ") เชื่อมโยงไปยังบุ๊ก
ทดสอบตัวเองด้วยการออกกำลังกาย!
การใช้สิทธิ 1 » ใช้สิทธิ 2 » ออกกำลังกาย 3 » 4 การออกกำลังกาย» ใช้สิทธิ 5 »
HTML แท็กลิงค์
| แท็ก | ลักษณะ |
|---|---|
| <a> | กำหนดเชื่อมโยงหลายมิติ |