Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

จะสร้างไฮเปอร์ลิงก์เพื่อเชื่อมโยงเอกสารอื่นใน HTML ได้อย่างไร


ใช้แท็ก เพื่อสร้างไฮเปอร์ลิงก์ แท็ก HTML ใช้สำหรับสร้างไฮเปอร์ลิงก์ไปยังเอกสารอื่นหรือที่ใดที่หนึ่งภายในเอกสารปัจจุบัน

ต่อไปนี้คือคุณลักษณะ −

แอตทริบิวต์
ค่า
คำอธิบาย
Charset
character_encoding
กำหนดการเข้ารหัสอักขระของเอกสารที่เชื่อมโยง
สายไฟ
if shape ="rect" แล้ว coords ="left, top, right, bottom"
ถ้ารูปร่าง ="circ" coords ="centerx,centery,radius"
ถ้ารูปร่าง ="โพลี" แล้ว coords ="x1, y1, x2, y2,..,xn,yn
ระบุพิกัดที่เหมาะสมกับแอตทริบิวต์รูปร่างเพื่อกำหนดขอบเขตของรูปภาพสำหรับแผนที่รูปภาพ
ดาวน์โหลด จะสร้างไฮเปอร์ลิงก์เพื่อเชื่อมโยงเอกสารอื่นใน HTML ได้อย่างไร
ชื่อไฟล์

ดาวน์โหลดเป้าหมายเมื่อผู้ใช้คลิกที่ไฮเปอร์ลิงก์
Href
URL
ระบุ URL ของหน้าหรือชื่อของจุดยึดที่ลิงก์ไป
Hreflang
language_code
รหัสภาษาของ URL ปลายทาง
media จะสร้างไฮเปอร์ลิงก์เพื่อเชื่อมโยงเอกสารอื่นใน HTML ได้อย่างไร
media_query
ระบุสื่อที่เอกสารที่เชื่อมโยงได้รับการปรับให้เหมาะสมสำหรับ
ชื่อ
ชื่อส่วน
ทำเครื่องหมายพื้นที่ของหน้าที่ลิงก์ข้ามไป
Rel
ทางเลือก
กำหนด
สไตล์ชีต
เริ่ม
ต่อไป
ก่อนหน้า
เนื้อหา
ดัชนี
อภิธานศัพท์
ลิขสิทธิ์
บท
ส่วน
ส่วนย่อย
ภาคผนวก
ช่วย
ที่คั่นหนังสือ
อธิบายความสัมพันธ์ระหว่างเอกสารปัจจุบันกับ URI ปลายทาง
Rev
ทางเลือก
กำหนด
สไตล์ชีต
เริ่ม
ต่อไป
ก่อนหน้า
เนื้อหา
ดัชนี
อภิธานศัพท์
ลิขสิทธิ์
บท
ส่วน
ส่วนย่อย
ภาคผนวก
ช่วย
ที่คั่นหนังสือ
ระบุความสัมพันธ์ระหว่าง URL เป้าหมายและเอกสารปัจจุบัน
รูปร่าง
rect
สี่เหลี่ยมผืนผ้า
วงเวียน
วงกลม
โพลี
รูปหลายเหลี่ยม
จะเปิด URL เป้าหมายได้ที่ไหน
_blank - URL เป้าหมายจะเปิดขึ้นในหน้าต่างใหม่
_self - URL เป้าหมายจะเปิดขึ้นในเฟรมเดียวกับที่คลิก
_parent - URL เป้าหมายจะเปิดขึ้นในพาเรนต์เฟรมเซ็ต
_top - URL เป้าหมายจะเปิดขึ้นแบบเต็มหน้าต่าง
type จะสร้างไฮเปอร์ลิงก์เพื่อเชื่อมโยงเอกสารอื่นใน HTML ได้อย่างไร
mime_type
ระบุประเภท MIME (Multipurpose Internet Mail Extensions) ของ URL เป้าหมาย

ตัวอย่าง

คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อสร้างลิงค์ -

<!DOCTYPE html>
<html>
   <head>
      <title>HTML a Tag</title>
   </head>
   <body>
      <p>This is a link to <a href = "https://qries.com">Qries.com</a></p>
   </body>
</html>