Devdit
 

โค้ดเปลี่ยนหน้า HTML ด้วยไฮเปอร์ลิงก์ แท็ก a

2.2K

โค้ดเปลี่ยนหน้า HTML ด้วยไฮเปอร์ลิงก์ แท็ก a บทความนี้สอนการใช้แท็ก a เพื่อสร้างไฮเปอร์ลิงก์ หรือจุดเชื่อมโยงสำหรับเปลี่ยนหน้า ไปยังหน้าที่ต้องการ ด้วยภาษา HTML ผ่านแท็ก a สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง โค้ดเปลี่ยนหน้า HTML ด้วยไฮเปอร์ลิงก์ แท็ก a

<a href="about.html">เปลี่ยนหน้าไป About</a>
<a href='contact.html' target='_blank'>เปลี่ยนหน้าไป Contact</a>

คำอธิบาย

โค้ดเปลี่ยนหน้า HTML ด้วยไฮเปอร์ลิงก์ แท็ก a จากตัวอย่างสร้างทั้งหมด 2 ลิงก์ โดยมีรายละเอียดดังนี้

1. ลิงก์แรก เมื่อกดแล้วจะเปลี่ยนหน้าไปที่ about.html โดยข้อความลิงก์คือ “เปลี่ยนหน้าไป About” เป็นการเปลี่ยนหน้าแบบแทนที่หน้าเดิม

2. ลิงก์สอง เมื่อกดแล้วจะเปลี่ยนหน้าที่ไป contact.html โดยข้อความลิงก์คือ “เปลี่ยนหน้าไป Contact” เป็นการเปลี่ยนหน้าแบบเปิดหน้าใหม่ หรือ New tab เพราะกำหนด target='_blank'

เขียน 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ