พื้นฐาน HTML ตอน ความลับของลิงค์

html-links

Web Link หมายถึงอะไร

ถ้าพูดถึงคำว่า ลิงค์ (link) ที่เกี่ยวกับเว็บไซต์ เราจะหมายถึง การกำหนดจุดเชื่อมต่อ เพื่อให้ไปยังหน้าที่ต้องการ  เช่น กดลิงค์แล้วเปิดหน้าเว็บไซต์ Google.com เป็นต้น และคุณทราบหรือไม่ว่า เราสามารถทำเว็บลิงค์ เพื่อให้เปิดหรือทำการอย่างอื่นได้อีกนอกเหนือจากการเปิดหน้าเว็บเพจที่ต้องการ อยากทราบแล้วใช่ไหมครับว่า มีทิปอะไรเกี่ยวกับการสร้างลิงค์บ้าง ตามผมมาเลยครับ..

บทความเดิมเกี่ยวกับลิงค์ ใครยังไม่ได้อ่านน คลิกเลย :: พื้นฐาน HTML ตอนลิงค์ (Link) ::

ความรู้เพิ่มเติมเกี่ยวกับการสร้าง ลิงค์ (Link)

ประเภทของลิงค์ (Link)

  • สามารถสร้างลิงค์ด้วย ข้อความ
    ตัวอย่าง <a href =”https://www.imotab.com”>imotab.com</a>
  • สามารถสร้างลิงค์ด้วย รูปภาพ (ทั้งภาพนิ่ง และภาพเคลื่อนไหวประเภท GIF Animation หรือ Flash Animation ได้)
    ตัวอย่าง <a href =”https://www.imotab.com”><img src =”logo.gif”></a>
  • สามารถสร้างลิงค์และเปิดอีเมล ทันที
    ตัวอย่าง < a href =”mailto:info@thailandseo.com”>Send Mail</a>
  • สามารถสร้างลิงค์จากไฟล์ PDF เมื่อคลิกก็ให้เปิดไฟล์ PDF ทันที
    ตัวอย่าง < a href =”manual.pdf”>Manual</a>

ลักษณะการเปิดลิงค์

  • เปิดทับหน้าเดิม
    ตัวอย่าง <a href =”https://www.imotab.com”>imotab.com</a>
  • เปิดหน้าใหม่ หรือแท็บใหม่ขึ้นมา
    ตัวอย่าง <a href =”https://www.imotab.com” target = “_blank”>imotab.com</a>

เห็นไหมครับ แค่การสร้างลิงค์บนเว็บเพจของเรา ก็มีหลากหลายวิธีให้เลือกใช้อย่างตามใจ ใครยังไม่เคยทดสอบ แนะนำให้ลองได้เลยครับ โดยเฉพาะกับการลิงค์ไปยังอีเมลของเรา

คุณทราบหรือไม่ว่า เวลาเราคลิกลิงค์ของเว็บไซต์ใดๆ ก็ตาม เราสามารถเลือกกำหนดเองได้ว่า จะเปิดทับหน้าเดิม หรือเปิดหน้าใหม่ (แท็บใหม่) ได้เอง

ทิปการคลิกลิงค์ เพื่อกำหนดหน้าในการเปิด

  1. ทดสอบจาก Google Chrome browser
  2. วางเ้ม้าส์เหนือข้อความ หรือรูปภาพที่มีลิงค์
  3. คลิกขวาเลือก Open Link in new tab (เปิดแท็บใหม่) หรือ Open Link in new window (เปิดหน้าต่างใหม่)
About Mr. ONE - Admin 1464 Articles
ทำงานด้านไอทีโดยเฉพาะ ชอบเทคโนโลยีเป็นชีวิตจิตใจ ชอบขีดๆ เขียนๆ โดยเฉพาะเขียนข้อมูลเกี่ยวกับการใช้คอมพิวเตอร์ โปรแกรม มีประสบการณ์การเขียนหนังสือคอมพิวเตอร์ เขียนแบบเรียนระบบสารสนเทศทางด้านโรงแรม

Be the first to comment

Leave a Reply

Your email address will not be published.


*


This site uses Akismet to reduce spam. Learn how your comment data is processed.