การสร้าง Links

[ผู้ดูแลบอร์ดหมายเลข 2]

บทนี้จะสอนเกี่ยวกับ Link
Link คือการเชื่อมต่อไปยังไปยังปลายทาง ลักษณะ Link บนเว็บไซท์การที่จะ Link ไปยังปลายทางได้ จะต้องเกิดการคลิก Link นั้นๆก่อน
การสร้าง Link นั้นใช้ <a href="URL">…�การ Link ไปยังเว็บไซท์ภายนอก (ohocode.com)

 

Example 2:
การ Link ไปยังเว็บเพจต่างๆภายในเว็บไซท์ปัจจุบัน ซึ่งไฟล์นั้นๆอยู่ใน Path เดียวกัน
เช่น ปัจจุบันอยู่ใน http://www.ohocode.com หากจะ Link ไปยัง http://www.ohocode.com/link.html
หรือ ปัจจุบันอยู่ใน http://www.ohocode.com/folder หากจะ Link ไปยัง http://www.ohocode.com/folder/link.html
<a href="link.html">Link ไปยังเว็บเพจ link.html [/url]

 

Example 3:
การ Link ไปยังเว็บเพจต่างๆภายในเว็บไซท์ปัจจุบัน ซึ่งไฟล์นั้นๆ อยู่ในโฟลเดอร์ถัดไป หรือลึกเข้าไป
วิธีการคือ ให้ระบุโฟลเดอร์ลงไปด้วยแล้วตามด้วยชื่อไฟล์
เช่น ปัจจุบันอยู่ http://www.ohocode.com/link2.html หากต้องการ Link ไปยัง http://www.ohocode.com/folder1/link1.html ดังภาพ



<a href="folder1/link1.html">Click here to go to folder1/link1.html[/url]

Example 4:
หากปัจจุบันอยู่ใน folder1/link1.html จะ Link ไป link2.html ที่อยู่นอก folder1
เช่น ปัจจุบันอยู่ http://www.ohocode.com/folder/link1.html หากต้องการ Link ไปยัง http://www.ohocode.com/link2.html ดังภาพ


<a href="../link2.html">A link to link2.html[/url]




<a> นั้น มี Attribute อีกตัวนึง คือ title
ตัวอย่าง
<a href="http://www.ohocode.com" title="Free source code – สอน javascript css html php asp">Link to ohocode.com[/url]

เมื่อ นำเมาส์ไปวางบน Link จะมีข้อความขึ้นมาว่า Free source code – สอน javascript css html php asp เปรียบเสมือนการอธิบายเกี่ยวกับ Link นี้ ในส่วน title นี้ ควรต้องใส่ไว้ เพราะจะส่งผลให้ Search engine เข้ามาอ่านและเก็บ keyword ไปได้