พื้นฐาน HTML ตอน ลิงค์ LINKS

สิ่งสำคัญที่สุด ของการทำเว็บ
ส่วนประกอบสำคัญของการทำเว็บ นอกเหนือจากเนื้อหาที่ดี น่าสนใจแล้ว การเชื่อมโยงของข้อมูลจากหน้าหนึ่ง ไปยังอีกหน้าหนึ่งก็มีความสำคัญไม่น้อยกว่ากัน การเชื่อมโยงหน้าเว็บเพจ เราเรียกว่า ลิงค์ (Links) ซึ่งมีหลักการเหมือนกับการเปลี่ยนหน้าบนหนังสือของเรา ส่วนเมนู ก็เหมือนกับสารบัญของหนังสือเช่นเดียวกัน แต่คุณทราบวิธีการทำลิงค์จากหน้าหนึ่งไปยังอีกหน้าหนึ่งแล้้วหรือยังว่า มีกี่วิธี และทำอย่างไร
ประเภทของลิงค์บนหน้าเว็บ
- ลิงค์ด้วยข้อความ
- ลิงค์ด้วยรูปภาพ (ลิงค์เดียว)
- ลิงค์ด้วยรูปภาพ รูปเดียว หลายลิงค์
วิธีสร้างลิงค์ด้วยข้อความ
- ตัวอย่างคำสั่ง
<a href = “https://technointrend.com”>ข่าวไอที</a>
ทดสอบลิงค์ :: ข่าวไอที
วิธีสร้างลิงค์ด้วยรูปภาพ
- ตัวอย่างคำสั่ง
<a href =”https://www.thamwebiseasy.com”><img src =”https://technointrend.com/wp-content/uploads/2013/11/windows-tips.jpg”></a>
วิธีสร้างลิงค์ด้วยรูปภาพ รูปเดียว หลายลิงค์
- แนะนำให้เพื่อนๆ กลับไปอ่านหัวข้อ :: สร้างลิงค์บนรูปภาพด้วย Image map
ทิปเพิ่มเติมการสร้างลิงค์
คุณเคยสังเกตไหม ทำไมบางเว็บ เวลาคลิกลิงค์แล้วจะเปิดหน้าใหม่ บางครั้งคลิกลิงค์แล้วหน้าปัจจุบันหายไป เทคนิคนี้ ไม่ยากครับ เพียงแค่เพิ่มเติมคำสั่งหลังลิงค์นั้นๆ เรามาดูตัวอย่างเพิ่มเติม
- คำสั่ง ลิงค์เปิดหน้าใหม่ คือคำว่า target
ตัวอย่างคำสั่ง?<a href =”https://technointrend.com” target =”_blank”>
คุณทราบหรือไม่ว่า หลักการสร้างลิงค์นี้ นำไปใช้ได้กับการโพสต์ข้อความบนเว็บบอร์ด รวมทำลิงค์บนเอกสาร Microsoft Powerpoint ไ้ด้อีกด้วย เห็นไหมครับว่า การเรียนรู้การสร้างลิงค์ สามารถนำไปใช้ประโยชน์ได้หลายอย่าง ถึงแม้ว่าเราจะไม่ทำเว็บก็ตามที