HTML <a> hrefแอตทริบิวต์
ตัวอย่าง
แอตทริบิวต์ href ระบุปลายทางของลิงก์:
<a href="https://www.w3schools.com">Visit W3Schools</a>
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
แอตทริบิวต์href
ระบุ URL ของหน้าที่ลิงก์ไป
หากไม่มีhref
แอตทริบิวต์
<a>
แท็กจะไม่เป็นไฮเปอร์ลิงก์
เคล็ดลับ:คุณสามารถใช้
href="#top"
หรือhref="#"
เพื่อเชื่อมโยงไปยังด้านบนของหน้าปัจจุบัน!
รองรับเบราว์เซอร์
Attribute | |||||
---|---|---|---|---|---|
href | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
<a href="URL">
ค่าแอตทริบิวต์
Value | Description |
---|---|
URL | The URL of the link. Possible values:
|
ตัวอย่างเพิ่มเติม
ตัวอย่าง
วิธีใช้รูปภาพเป็นลิงค์:
<a href="https://www.w3schools.com">
<img border="0" alt="W3Schools"
src="logo_w3s.gif" width="100" height="100">
</a>
ตัวอย่าง
วิธีเชื่อมโยงไปยังหมายเลขโทรศัพท์:
<a href="tel:+4733378901">+47 333 78 901</a>
ตัวอย่าง
วิธีเชื่อมโยงไปยังส่วนอื่นในหน้าเดียวกัน:
<a href="#section2">Go to Section 2</a>
ตัวอย่าง
วิธีเชื่อมโยงไปยัง JavaScript:
<a href="javascript:alert('Hello World!');">Execute JavaScript</a>
❮ แท็ก HTML <a>