การใช้คำสั่งสร้างจุดเชื่อมโยงภายนอกเว็บเพจ
การสร้างจุดเชื่อมโยงไปยังเว็บเพจอื่น
การสร้าง Link ไปยังเว็บไซต์อื่น จะเหมือนกับการสร้าง
Link ไปยังว็บเพจอื่น ต่างกันตรงที่เวลาระบุจุดปลายทางจะระบุเป็น
URL ของเว็บไซต์ที่ต้องการจะ Link ไป รูปแบบคำสั่ง HTML ที่ใช้ในการสร้าง
Link ไปยังเว็บไซต์อื่น <A HREF= “http://URL ที่ต้องการ Link ไป”> ข้อความที่เป็นลิงค์</A>
ตัวอย่าง การสร้างจุดเชื่อมโยงไปยังเว็บไซต์อื่น
บันทึกแฟ้มชื่อ pan26.html
<HTML>
<HEAD>
<TITLEการสร้าง Link ไปยังเว็บไซต์อื่น</TITLE></HEAD>
<BODY>
กรุณาเลือกหัวข้อที่ท่านต้องการ<BR>
<UL>
<!-- ลิ้งค์ไปยังหน้าเว็บเพจ ของเว็บไซต์อื่น -->
<LI><A
HREF=“http://wsabstract.com/cutpastejava.shtml”>FreeJavaScripts!</A></LI>
<LI><A
HREF=“http://www.scriptsolutions.com/home.html”>Script Solutions</A></LI>
</UL>
</BODY>
</HTML>
อธิบายคำสั่ง..
<A แท็กคำสั่งเริ่มต้นเพื่อบอกบราวส์เซอร์ให้รู้ว่านี่คือลิ้งค์
HREF= “ชื่อไฟล์/ที่อยู่ URL ชื่อไฟล์/ที่อยู่เว็บไซต์ปลายทางที่ต้องการเชื่อมโยงไปถึง(ต้องระบุ)”>อย่าลืมปิดท้ายด้วยเครื่องหมาย“>”นี้ทุกครั้งข้อความ ข้อความที่ใช้แสดงว่านี่คือลิ้งค์ </A> แท็กปิดท้ายข้อความลิ้งค์
การเชื่อมโยงไปยังภายนอกเว็บเพจ คือ การเชื่อมโยงไปยังจุดเชื่อมโยงที่อยู่คนละหน้าเว็บเพจกัน มี 2 ลักษณะ
คือ
1.
การเชื่อมโยงไปยังหน้าเว็บเพจอื่น ๆ ต้องมีเว็บเพจที่สร้างไว้แล้ว มากกว่า 1หน้า คำสั่งการเชื่อมโยงจึงมีรูปแบบแตกต่างกันขึ้นอยู่กับการจัดเก็บแฟ้มข้อมูลของผู้ใช้
-แฟ้มข้อมูลอยู่ ภายใน directory เดียวกัน
-แฟ้มข้อมูลอยู่ ภายใน directory เดียวกัน
|
รูปแบบของ แฟ้มข้อมูลอยู่ ภายใน directory เดียวกัน
|
|
<A HREF="ชื่อไฟล์ที่ต้องการลิงค์">
ตัวอักษรที่จะใช้แสดง </A>
|
-แฟ้มข้อมูล จาก directory ที่สูงกว่า
|
รูปแบบของ แฟ้มข้อมูล จาก directory
ที่สูงกว่า
|
|
<A HREF="ชื่อ directory ที่เก็บไฟล์ไว้/ชื่อไฟล์ที่ต้องการลิงค์"> ตัวอักษรที่จะใช้แสดง </A>
|
- แฟ้มข้อมูล จาก directory
ที่ต่ำกว่า 1 ขั้น
|
รูปแบบของ แฟ้มข้อมูล จาก directory
ที่ต่ำกว่า 1 ขั้น
|
|
<A HREF="../ชื่อไฟล์ที่ต้องการลิงค์">
ตัวอักษรที่จะใช้แสดง </A>
|
2. การเชื่อมโยงไปยังเว็บไซต์อื่น
ๆ คือ
การเชื่อมโยงไปยังจุดเชื่อมโยงไปยังโปรโตคอล ที่กำหนดไว้
|
รูปแบบการเชื่อมโยงไปยังเว็บไซต์อื่น ๆ
|
|
<A HREF=URL>......ข้อความ..........</A>
|
*URL หมายถึง Uniform
Resource Location คือ ชื่อของเว็บไซต์ที่ต้องการให้เชื่อมโยงไปถึง
ตัวอย่าง
การเชื่อมโยงไปยังเว็บไซต์อื่น ๆ
|
คำสั่ง
|
|
<html>
<BODY> <p><A HREF="hyperlink1.html">ทดสอบการลิงค์</a> ที่เปิดไปยังหน้าเว็บเพจอื่นๆในเว็บไซต์นี้</p> <p><A HREF="http://www.google.com/">ทดสอบการลิงค์</a> ที่เปิดไปเว็บไซต์ www.google.com</p> </BODY> </html> |
|
ผลลัพธ์ที่ได้จากการใช้คำสั่ง
|
|
ทดสอบการลิงค์
ที่เปิดไปยังหน้าเว็บเพจอื่นๆในเว็บไซต์นี้
ทดสอบการลิงค์
ที่เปิดไปเว็บไซต์ www.google.com
|
3. การเชื่อมโยง E-mail
การเชื่อมโยงไปยังโปรแกรม Microsofe outlook ซึ่งเป็นโปรแกรมสำหรับส่งเมล์ตัวหนึ่ง โดยที่ช่อง address To (ปลายทาง) จะปรากฏ E-mail Address ที่ระบุไว้ที่แท็กลิงค์ปรากฏอยู่
การเชื่อมโยง E-mail ใช้คำสั่ง E-mail ที่ต้องการติดต่อ
รูปแบบคำสั่ง
การเชื่อมโยงไปยังโปรแกรม Microsofe outlook ซึ่งเป็นโปรแกรมสำหรับส่งเมล์ตัวหนึ่ง โดยที่ช่อง address To (ปลายทาง) จะปรากฏ E-mail Address ที่ระบุไว้ที่แท็กลิงค์ปรากฏอยู่
การเชื่อมโยง E-mail ใช้คำสั่ง E-mail ที่ต้องการติดต่อ
รูปแบบคำสั่ง
|
รูปแบบการเชื่อมโยง E-mail
|
|
<A HREF="mailto:ชื่อ E-mail">ข้อความ..........</A>
|
ตัวอย่างการใช้คำสั่ง
<A HEAF="mailto:mail@domain.com">ส่งเมล์ไปที่>
<A HEAF="mailto:mail@domain.com">ส่งเมล์ไปที่>