ลิงก์ (Links) ใน HTML

ลิงก์ HTML เป็นไฮเปอร์ลิงก์ (hyperlinks) หมายถึงเมื่อคลิกที่ลิงก์ จะกระโดดไปยังเอกสารอื่น

ไวยากรณ์

<a href="URL" target="value">เนื้อหาลิงก์</a>

ที่นี่ URL ระบุที่อยู่ปลายทาง สามารถเป็นที่อยู่ท้องถิ่นหรือภายนอกได้ target กำหนดที่เปิดเอกสารที่เชื่อมโยง และสามารถรับค่าได้ดังนี้:

ตัวอย่าง

<!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</h1>
<a href="https://google.com" target="_blank">ไปที่ Google</a>
</body>
</html>

ผลลัพธ์

แสดงลิงก์ "ไปที่ Google" ที่เมื่อคลิกจะเปิด google.com ในแท็บใหม่