สารบัญ
Introducetion
Basic
Format
List
Picture
Link
Table
Frame
Form



เวปเพจจำนวนนับล้านหน้าที่พบได้ในอินเตอร์เน็ต จะไม่มีประโยชน์เลย หากขาดการเชื่อมถึงกัน โดยการ Link ซึ่งเป็นสิ่งที่ช่วยให้ผู้ใช้สามารถ ท่องอินเตอร์เน็ตโดยการ Click Mouse เพื่อเปลี่ยนไปดูหน้าเวปเพจต่าง ๆ
การใช้ Link นี้เองทำให้เวปเพจแตกต่างจากเอกสารธรรมดา เพราะมันทำให้ เนื้อหาในเวปเพจ สามารถตอบสนองผู้ใช้ได้ โดยที่ผู้ใช้ไม่ต้องอ่านเนื้อ หาทั้งหมดในเอกสารเวปแต่ละหน้าแต่สามารถ Click Mouse เปิดดูเฉพาะเวปเพจที่ สนใจ
ในส่วนนี้เราจะกล่าวถึงการสร้าง Link รูปแบบต่าง ๆ เพื่อเชื่อมโยง ข้อมูลในเวปเพจเข้าด้วยกัน


สารบัญเรื่อง

* การสร้าง Link
* การใช้ Link เชื่อมโยงข้อมูลภายในเวปเพจ
* การใช้ Link เชื่อมโยงกับเวปเพจอื่น
* การใช้ Link เชื่อมโยงไปยังเวปไซต์อื่น
* การใช้ภาพเป็น Link
* การกำหนดสีของ Link


การสร้าง Link
รูปแบบคำสั่ง Link มีดังนี้

<A HREF = "ส่วนเชื่อม">ข้อความที่ใช้เป็น Link </A>

Link สามารถเชื่อมโยงข้อมูลได้ 3 วิธี คือ
  • การเชื่อมโยงข้อมูลภายในเวปเพจเดียวกัน
  • การเชื่อมโยงข้อมูลในเวบเพจกับเวปเพจอื่น
  • การเชื่อมโยงข้อมูลกับเวปไซต์อื่น






  • การใช้ Link เชื่อมโยงข้อมูลภายในเวปเพจ
    หากเรามีข้อมูลภายในเวปเพจเดียวกันที่ต้องการเชื่อมโยง โดยเมื่อมีการ Click Mouse ที่ Link ให้ มีการกระโดดไปที่ข้อมูลส่วนนั้น เราต้องกำหนดจุดเชื่อมโยงด้วยคำสั่ง

    <A NAME = "ชื่อจุดเชื่อมโยง"> จุดเชื่อมโยง </A>

    และให้ Link กระโดดไปที่จุดเชื่อมโยงนั้นเมื่อมีการ Click Mouse โดยใช้คำสั่ง

    <A HREF = "#ชื่อจุดเชื่อมโยง"> ข้อความที่ใช้เป็นจุดเชื่อมโยง </A>

    ตัวอย่าง

    จากรูป เมื่อคุณ กดปุ่มขอดูตัวอย่าง ผลลัพธ์ที่ได้จะทำงานเมื่อคุณ Click Mouse เลื่อก หัวข้อที่คุณสนใจ จะเกิดการกระโดดไปตรงเวปเพจส่วนที่ถูกกำหนดไว้เป็นจุดเชื่อโยง





    การใช้ Link เชื่อมโยงกับเวปเพจอื่น
    เราสามารถใช้ Link เชื่อมเนื่อหาในเวปเพจของเรากับเวปเพจอื่น เช่น ถ้า เรามีเวปเพจอยู่ 4 หน้าที่ต้องการให้มีการเชื่อมโยงถึงกันก็สามารถทำได้ โดยการกำหนดดังนี้
    1 เวปเพจเริ่มต้น ไฟล์ชื่อ menu2.html
    2 เวปเพจตัวเชื่อมที่ 1 ไฟล์ชื่อ entertain.html
    3 เวปเพจตัวเชื่อมที่ 2 ไฟล์ชื่อ family.html
    4 เวปเพจตัวเชื่อมที่ 3 ไฟล์ชื่อ computer.html
    ลักษณะการทำงานของตัวอย่าง การทำงานหลักจะอยู่ที่ ไฟล์ menu2.html โดยจะเป็นตัวที่ ทำหน้าที่สำหรับเชื่อมโยงไฟล์อื่น ๆ ขึ้นมาแสดง ซึ่งไฟล์ต่าง ๆ ที่เรียกขึ้นมาแสดง ก็สามารถจะ Link กลับไปหาไฟล์ menu2.html ได้

    ตัวอย่าง ไฟล์ menu2.html

    ตัวอย่าง ไฟล์ entertain.html

    ตัวอย่าง ไฟล์ family.html

    ตัวอย่าง ไฟล์ computer.html






    การใช้ Link เชื่อมโยงไปยังเวปไซต์อื่น
    เราสามารถเชื่อมโยงข้อมูลกับเวปไซต์อื่นได้โดยการระบุ URL ของเวปเพจที่ต้องการในคำสั่ง

    <A HREF = "URL ของเวปไซต์ที่ต้องการเชื่อมโยง"> ข้อความที่ใช้เชื่อมโยง </A>

    เช่น <A HREF="http://www.act.ac.th">โรงเรียนอัสสัมชัญธนบุรี</A> เป็นต้น

    ตัวอย่าง

    จากรูป จะเห็นว่ามีข้อความที่ถูกกำหนดให้เป็นตัวเชื่อมโยงทั้งหมด 4 ข้อความ ซึ่งถ้าคุณ Click Mouse ที่ ข้อความใดก็จะไปยังเวปไซต์ที่คุณได้คลิกครับ (แต่ต้องเชื่อมต่ออินเตอร์เน็ตไว้ก่อนแล้วนะครับ) กรุณากดปุ่มขอดูตัวอย่าง เพื่อดูผลลัพธ์ได้เลยครับ





    การใช้ภาพเป็น Link
    เพื่อทำให้เวปเพจดูน่าสนใจ เราอาจใช้ภาพเป็น Link เชื่อมกับเวปเพจหรือเวปไซต์อื่นแทนการใช้ข้อความธรรมดาได้

    ทำภาพเป็น Link
    การใช้ภาพเป็น Link เชื่อมไปยังเวปเพจอื่นนั้นทำได้โดยการเพิ่มคำสั่ง

    <IMG SRC = "รูปภาพที่ใช้เป็นสัญลักษณ์ในการ Link">

    ในคำสั่ง <A HREF>

    ตัวอย่าง

    จากรูป จะเห็นว่ามีการกำหนดรูปภาพเป็นตัวเชื่อมโยงอยู่ 2 รูป โดยถ้าคุณ Click Mouse ที่รูปใดรูปหนึ่งก็จะไปยังเวปไซต์ที่ถูกกำหนดไว้ โดยผลลัพธ์คุณสามารถดูได้จากการกดปุ่ม ขอดูผลลัพธ์ ที่ด้านล่างครับ





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

    LINK = "#รหัสสี"

    ดังเช่น Link ในตัวอย่างนี้ได้ถูกกำหนดให้เป็นสีเขียวอ่อน

    ตัวอย่าง






    Create By Mr.Phadungsak Sangsawong | ICQ # is 36212331
    Copyright 1999 A.C.T. All rights reserved.
    Last Modify : 18/01/2000