ลิงก์ภายในใน HTML
ในบทเรียนที่แล้วเราสร้างลิงก์ไปยังหน้าของเว็บไซต์อื่น โดยคัดลอกที่อยู่จากแถบที่อยู่ของเบราว์เซอร์ สมมติว่าตอนนี้คุณต้องการเชื่อมโยงหน้าต่างๆ ภายในเว็บไซต์ของคุณเองด้วยลิงก์
ในกรณีนี้คุณไม่สามารถคัดลอกที่อยู่เหล่านั้นจากแถบ ที่อยู่ได้ เหตุผลคือที่อยู่นั้น จะประกอบด้วยเส้นทางเต็มไปยังหน้าของคุณ ตั้งแต่ไดรฟ์รากของคอมพิวเตอร์ของคุณ และเมื่อ ย้ายไปยังโฟลเดอร์อื่น ลิงก์ดังกล่าวก็จะ ใช้งานไม่ได้
สำหรับหน้าต่างๆ ของเว็บไซต์ของคุณเอง ควรใช้
วิธีการที่แตกต่างออกไป มาศึกษากันผ่านตัวอย่าง สมมติว่า
ในโฟลเดอร์รากของเว็บไซต์คุณมีไฟล์
index.html และไฟล์ page.html
มาเชื่อมโยงไฟล์เหล่านี้ด้วยลิงก์กัน โดยในแอตทริบิวต์
href ของลิงก์ เราควรเขียนแค่
ชื่อของไฟล์เหล่านั้น (พร้อมนามสกุล) มาลองทำกัน
บนหน้า index.html สร้างลิงก์
ไปยังหน้า page.html:
<h1>Index</h1>
<a href="page.html">ลิงก์ไปยังหน้า page</a>
และบนหน้า page.html สร้างลิงก์
ไปยังหน้า index.html:
<h1>Page</h1>
<a href="index.html">ลิงก์ไปยังหน้า index</a>
สร้างหน้า HTML สามหน้าในรากของ
เว็บไซต์ของคุณ ตั้งชื่อเป็น 1.html, 2.html,
3.html เชื่อมโยงหน้าต่างๆ เหล่านี้ด้วยลิงก์
ซึ่งกันและกัน
สร้างหน้า index.html ด้วย
บนหน้านั้นให้วางลิงก์ไปยังหน้า 1.html,
2.html, 3.html
ปรับเปลี่ยนโจทย์ข้อก่อนหน้า โดยให้
ลิงก์ต่างๆ อยู่ในลิสต์ ul
