ข้อมูลอ้างอิงHTML

HTML โดยตัวอักษร HTML ตามหมวดหมู่ รองรับ HTML Browser แอตทริบิวต์ HTML HTML Global Attributes เหตุการณ์ HTML HTML สี HTML Canvas HTML เสียง/วิดีโอ ชุดอักขระ HTML HTML Doctypes การเข้ารหัส URL HTML รหัสภาษา HTML รหัสประเทศ HTML ข้อความ HTTP วิธี HTTP ตัวแปลง PX เป็น EM แป้นพิมพ์ลัด


HTML <a> hrefแอตทริบิวต์

❮ แท็ก HTML <a>

ตัวอย่าง

แอตทริบิวต์ 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:

  • An absolute URL - points to another web site (like href="http://www.example.com/default.htm")
  • A relative URL - points to a file within a web site (like href="default.htm")
  • Link to an element with a specified id within the page (like href="#section2")
  • Other protocols (like https://, ftp://, mailto:, file:, etc..)
  • A script (like href="javascript:alert('Hello');")


ตัวอย่างเพิ่มเติม

ตัวอย่าง

วิธีใช้รูปภาพเป็นลิงค์:

<a href="https://www.w3schools.com">
<img border="0" alt="W3Schools" src="logo_w3s.gif" width="100" height="100">
</a>

ตัวอย่าง

วิธีเชื่อมโยงไปยังที่อยู่อีเมล:

<a href="mailto:[email protected]">Send email</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>