การสร้างลิงค์จะทำให้เอกสารเว็บเพจธรรมดากลายเป็นเว็บเพจที่ประกอบด้วยเนื้อหาที่น่าสนใจโดยผ่านการคลิกเลือกดูเนื้อหาในแต่ละหน้าที่น่าสนใจ การสร้างลิงค์ 1. การเชื่อมโยงข้อมูลภายในเว็บเพจเดียวกัน คือ การเชื่อมโยงข้อมูลในหน้าเว็บเพจเดียวกัน โดยการคลิกลิงค์เพื่อเลื่อนขึ้นหรือลง หรือไปตำแหน่งที่ต้องการภายในหน้าเดียวกัน รูปแบบของแท็ก HTML ตัวอย่างการใช้งาน
<html> 2. การเชื่อมโยงข้อมูลไปยังเว็บเพจอื่นภายในเว็บไซต์เดียวกัน คือ การเชื่อมโยงข้อมูลไปยังหน้าเว็บเพจอื่นที่อยู่เว็บไซต์เดียวกัน
เพื่อให้สามารถเลือกดูเนื้อหาตามลิงค์ของเรื่องที่ต้องการเยี่ยมชม รูปแบบของแท็ก HTML ตัวอย่างการเชื่อมโยงเว็บเพจกับหน้าอื่น
ตัวอย่างการเขียนคำสั่งเชื่อมโยงเว็บเพจไปยังเว็บเพจอื่น <html> ทำความเข้าใจ
เช่น<a href=“history.html”>ประวัติของโรงเรียน</a>
<a href=“person/thai.html”>กลุ่มสาระการเรียนรู้ภาษาไทย</a> โดยเราจะใส่ชื่อไดเรกทอรีและคั่นด้วยเครื่องหมาย “/” ตามด้วยไฟล์ที่เราต้องการเชื่อมโยง หากมีหลายชั้นเราก็ต้องกำหนดไดเรกทอรีให้ครบ หากอ้างอิงไม่ครบหรือระบุผิดจะทำให้ทำงานผิดพลาด
3. การเชื่อมโยงข้อมูลไปยังเว็บไซต์ที่อื่น คือ การเชื่อมโยงข้อมูลไปยังหน้าเว็บไซต์ที่เกี่ยวข้องหรือน่าสนใจ โดยวิธีการระบุ URL ของเว็บไซต์นั้นในแท็ก <a href…> รูปแบบการใช้งาน รูปแบบ <a href= “URL ของเว็บไซต์ที่ต้องการเชื่อมโยง”>ข้อความที่จะเชื่อมโยง</a> เช่น <a href=http://www.swt.ac.th>โรงเรียนเสริมงามวิทยาคม</a> ตัวอย่างการใช้งาน <html> ผลลัพธ์ที่ได้ เราสามารถเปิด URL ในเว็บบราวเซอร์ใหม่ โดยใช้คำสั่งว่า target=“_blank” ลงไปหลัง URL <a href=“http://www.swt.ac.th” target=“_blank”>โรงเรียนเสริมงามวิทยาคม</a> 4. การเชื่อมโยงด้วยรูปภาพ การใช้รูปภาพเป็นจุดเชื่อมโยง เป็นการทำให้เว็บเพจน่าสนใจและสามารถใช้แทนข้อความธรรมดาได้ รูปแบบของแท็ก <img src= “ตำแหน่งของรูปภาพ/รูปภาพที่ใช้”> ตัวอย่างการเชื่อมโยงเว็บไซต์ด้วยรูปภาพ <html> 5. การเชื่อมโยงไปยังไฟล์ต่าง ๆ เป็นการเชื่อมโยงไปยังไฟล์ต่าง ๆ เช่น ไฟล์รูปภาพ, ไฟล์วีดีโอ, ไฟล์โปรแกรม, ไฟล์เสียง, ไฟล์ .zip, และไฟล์มัลติมีเดีย ซึ่งการเชื่อมโยงจะเหมือนการลิงค์แบบธรรมดา เพียงแต่ระบุปลายทางไปยังไฟล์นั้น ๆ โดยและระบุนามสกุล หากเป็นไฟล์รูปภาพจะแสดงอัตโนมัติ แต่ถ้าเป็นไฟล์อื่น ๆ จะขึ้นหน้าจอให้เราบันทึกและดาวน์โหลดเอกสาร รูปแบบ <a href=“ชื่อโฟลเดอร์ หรือไดเรกทอรี/ชื่อไฟล์ที่ต้องการลิงค์”>ข้อความที่จะเชื่อมโยง</a> 6. การเชื่อมโยงไปอีเมล์ (E-mail) ใช้ในกรณีที่ต้องการให้คนอื่นติดต่อเรา โดยให้สร้างลิงค์ชี้ไปยังอีเมล์แอดเดรสของเรา เมื่อผู้ใช้คลิกที่ลิงค์จะส่งไปยังอีเมล์ของเราโดยอัตโนมัติ รูปแบบ <a href=“mailto: ชื่อ E-mail Adree”>ข้อความที่เป็นลิงค์</a> ตัวอย่างการลิงค์ไปยังไฟล์ต่าง ๆ <html> นอกจากนี้เรายังสามารถลิงค์ไปยังบริการต่าง ๆ ได้ เช่น การโอนย้ายไฟล์ โดยใช้คำสั่ง <a href=ftp://ที่อยู่ของ Address ที่ต้องการลิงค์> 7. การกำหนดสีของลิงค์ ปกติหากเราไม่กำหนดค่าสีของลิงค์ ค่าปกติคือสีน้ำเงินและมีเส้นใต้ การเปลี่ยนสีลิงค์เป็นการเปลี่ยนสีสันของลิงค์ให้มีสีต่าง ๆ เพื่อให้สังเกตง่าย ๆ ซึ่งสีของลิงค์จะมีสถานะต่าง ๆ แตกต่างกัน ดังนี้
เพื่อป้องกันไม่ให้สีของลิงค์กลืนสีฉากหลัง เราสามารถกำหนดสีของลิงค์ในสถานะต่าง ๆ ได้ ดังนี้ รูปแบบแท็ก HTML และ XHTML ตัวอย่างการกำหนดสีของลิงค์ <html> อ้างอิง
|