ลิงก์ HTML เป็นไฮเปอร์ลิงก์ที่หมายความว่าเมื่อคุณคลิกที่ลิงก์ มันจะข้ามไปยังเอกสารอื่น
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์ -
<a href=”URL” target=”value” >Link Content</a>
ที่นี่ URL ระบุที่อยู่ปลายทางและสามารถเป็นที่อยู่ในเครื่องหรือที่อยู่ภายนอกก็ได้ เป้าหมาย คุณลักษณะกำหนดตำแหน่งที่จะเปิดเอกสารที่เชื่อมโยงและสามารถใช้ค่าต่อไปนี้:
| ค่า | คำอธิบาย |
|---|---|
| _blank | เปิดเอกสารที่ลิงก์ในแท็บหรือหน้าต่างใหม่ |
| _parent | เปิดเอกสารที่เชื่อมโยงในเฟรมหลัก |
| _ตัวเอง | เปิดเอกสารที่เชื่อมโยงในหน้าต่างเดียวกัน |
| _top | เปิดเอกสารที่ลิงก์ในเนื้อหาแบบเต็มของหน้าต่าง |
ตัวอย่าง
ให้เราดูตัวอย่างของลิงค์ HTML −
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
height: 100vh;
background-color: #8BC6EC;
background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
text-align: center;
}
</style>
<body>
<h1>HTML Links Demo</h1>
<a href="https://google.com" target="_blank">Go To Google</a>
</body>
</html> ผลลัพธ์
ตอนนี้คลิกที่ “ไปที่ Google ” ลิงก์เพื่อเปิดลิงก์ Google ในหน้าต่างใหม่
