พื้นฐาน 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 ไ้ด้อีกด้วย เห็นไหมครับว่า การเรียนรู้การสร้างลิงค์ สามารถนำไปใช้ประโยชน์ได้หลายอย่าง ถึงแม้ว่าเราจะไม่ทำเว็บก็ตามที