K
R
U
K
R
A
T
A
I
.
C
O
M
| back |
การเชื่อมโยง (ลิงค์)
เป็นที่ทราบกันดีอยู่แล้วว่าการที่อินเทอร์เน็ตได้รับความนิยมอย่างกว้างขวางอยู่ทั่วโลกนั่น เป็นผลมาจากความสามรถในการเชื่อมโยงข้อมูล (Links) จากข้อมูลหนึ่งไปยังอีกข้อมูลหนึ่งได้อย่างรวดเร็ว โดยสามารถเชื่อมโยงข้อความได้ทั้งจากภายในแฟ้มเอกสารข้อมูลของตัวเอง และแฟ้มเอกสารข้อมูลภายนอกที่อยู่ต่างเว็บไซต์กัน
ข้อความที่ถูกกำหนดให้เชื่อมโยงกับฐานข้อมูลอื่น ๆ บนเว็บเบราเซอร์จะแสดงผลเป็นตัวอักษรที่มีสีแตกต่างจากตัวอักษรทั่วไป และอาจมีการขีดเส้นใต้ข้อความนั้นด้วย โดยทั่วไปตัวอักษรที่แสดงผลอยู่บนเว็บเบราเซอร์จะมีสีดำบนพื้นสีขาว (หรือสีเทา) แต่สำหรับข้อความที่ใช้เป็นตัวเชื่อมโยงข้อมูลนั้น จะมีตัวอักษรเป็นสีน้ำเงิน (หรือสีอื่นตามแต่ที่ผู้สร้างกำหนดขึ้นมา) เมื่อเลื่อนเมาส์ไปชี้ที่ข้อความซึ่งมีการเชื่อมโยง รูปแบบของตัวชี้จะเปลี่ยนจาก สัญลักษณ์ลูกศรไปเป็นรูปมือแทน และที่แถบที่แสดงสถานะด้านล่างจะแสดงถึง ตำแหน่งของจุดหมายปลายทางที่ข้อความเชื่อมโยงไปถึงให้เราได้เห็น
ประเภทของการเชื่อมโยง
HTML แบ่งการเชื่อมโยงออกเป็น 2 ประเภท ดังนี้
- การเชื่อมโยงภายในเว็บไซต์
- การเชื่อมโยงนอกเว็บไซต์
การเชื่อมโยงทั้ง 2 ประเภทนี้ ยังแบ่งออกได้เป็นอีก 2 ชนิด คือ การเชื่อมโยงข้อมูลภายในแฟ้มเอกสาร และการเชื่อมโยงข้อมูลต่างแฟ้มเอกสาร
การเชื่อมโยงข้อมูลแฟ้มเอกสารต่างแฟ้มเอกสาร
|
<a href="ไฟล์ที่จะทำการเชื่อมโยงที่มีนามสกุล .html หรือ
.htm">ข้อความ</a>
|
การเชื่อมโยงข้อมูลภายในแฟ้มเอกสาร
|
<a href="#ทำการตั้งชื่อตามความต้องการ">ข้อความ</a> <a name="ชื่อที่ตั้งไว้เพื่อที่จะทำการเชื่อมโยงมาหา">ข้อความ</a> |
การเชื่อมโยงนอกเว็บไซต์
|
<a
href="http://URLที่ต้องการจะเชื่อมโยงไป">ข้อความ</a>
|
การเชื่อมโยงแบบอีเมล์
ในการสร้างเว็บเพจ ถ้าเราต้องการให้ผู้เยี่ยมชมสามารถติดต่กับผู้สร้างเว็บเพจโดยที่ผู้ชมเว็บเพจไม่รู้จะติดต่อได้อย่างไร เราก็สามารถให้ผู้เยี่ยมชมสามารถติดต่อกับเราได้โดยการส่งอีเมล์
|
<a href="mailto:ชื่อ E-mail address ของผู้ที่จะให้ส่ง
E-mail กลับคืนมา">ข้อความ</a>
|
การเชื่อมโยงแบบ Download
ในเว็บเพจในปัจจุบันนี้มักจะนิยมนำเอาข้อมูลต่าง ๆ ลงสู่เว็บเพจ เพื่อจะทำให้เนื้อหาของเว็บเพจนั้น
|
<a
href="ไฟล์พร้อมระบุนามสกุล">ข้อความ</a>
|
การเชื่อมโยงไฟล์ด้วยรูปภาพ
ในการเชื่อมโยงข้อมูลโดยใช้ตัวอักษรนั้น อาจจะทำให้เว็บเพจของเรานั้นไม่น่าสนใจ เราสามารถใช้รูปภาพมาทดแทนการเชื่อมโยงข้อมูลด้วยตัวอักษร
|
<a href="ไฟล์ที่มีนามสกุล .html"><img sre="ชื่อไฟล์รูปภาพ .gif หรือ .jpg"
alt="การเชื่อมโยงโดยรูปภาพ"></a>
|
| back |
|
H
T
M
L
พัฒนาบทเรียนโดย อ.ศราวดี ม่วงสด โรงเรียนประถมฐานบินกำแพงแสน สพท.นฐ.เขต1
e-mail : smoungsod@yahoo.com