บทนี้จะสอนเกี่ยวกับ Link
Link คือการเชื่อมต่อไปยังไปยังปลายทาง ลักษณะ Link บนเว็บไซท์การที่จะ Link ไปยังปลายทางได้ จะต้องเกิดการคลิก Link นั้นๆก่อน
การสร้าง Link นั้นใช้ <a href="URL">……</a>
Example 1:
การ Link ไปยังเว็บไซท์ภายนอก จะต้องระบุ URL เต็ม
<a href="http://www.ohocode.com">การ Link ไปยังเว็บไซท์ภายนอก (ohocode.com)</a>
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 </a>
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</a> 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</a> <a> นั้น มี Attribute อีกตัวนึง คือ title ตัวอย่าง <a href="http://www.ohocode.com" title="Free source code – สอน javascript css html php asp">Link to ohocode.com</a> เมื่อนำเมาส์ไปวางบน Link จะมีข้อความขึ้นมาว่า Free source code – สอน javascript css html php asp เปรียบเสมือนการอธิบายเกี่ยวกับ Link นี้ ในส่วน title นี้ ควรต้องใส่ไว้ เพราะจะส่งผลให้ Search engine เข้ามาอ่านและเก็บ keyword ไปได้ ขอบคุณข้อมูลจาก : OHOCode |
ไม่มีความคิดเห็น:
แสดงความคิดเห็น