การสร้างลิงก์ด้วยแท็ก a

<a href="URL ที่ต้องการลิงก์ไป">ข้อความหรือเนื้อหาภายในลิงก์</a>

<a href="https://www.example.com">ไปที่ Example</a>

<a href="images/picture.jpg">ดูรูปภาพ</a>

<a href="#section1">ไปที่ส่วนที่ 1</a> <!-- ส่วนที่ต้องการลิงก์ --> <h2 id="section1">ส่วนที่ 1</h2>

<a href="https://www.example.com" target="_self">เปิดในแท็บเดียวกัน</a>

<a href="https://www.example.com" target="_blank">เปิดในแท็บใหม่</a>

<a href="https://www.example.com" target="_blank" rel="noopener noreferrer">เปิดในแท็บใหม่</a>

<a href="files/sample.pdf" download>ดาวน์โหลดไฟล์ PDF</a>

<a href="https://www.example.com" title="ไปที่เว็บไซต์ Example">ไปที่ Example</a>

<a href="https://www.example.com" hreflang="en">ไปที่ Example (ภาษาอังกฤษ)</a>

<a href="files/sample.pdf" type="application/pdf">ดูไฟล์ PDF</a>

<a href="https://www.example.com">ไปที่ Example</a>

<a href="#section2">ไปที่ส่วนที่ 2</a> <h2 id="section2">ส่วนที่ 2</h2>

<a href="https://www.example.com" target="_blank">ไปที่ Example (เปิดในแท็บใหม่)</a>

<a href="files/sample.pdf" download>ดาวน์โหลด PDF</a>

a {
  color: blue; /* สีของลิงก์ */
  text-decoration: none; /* เอาเส้นใต้ลิงก์ออก */
}

a:hover {
  color: red; /* เปลี่ยนสีเมื่อเมาส์ชี้ที่ลิงก์ */
  text-decoration: underline; /* เพิ่มเส้นใต้เมื่อชี้ */
}