ลิงก์ภายในใน HTML

ในบทเรียนที่แล้วเราสร้างลิงก์ไปยังหน้าของเว็บไซต์อื่น โดยคัดลอกที่อยู่จากแถบที่อยู่ของเบราว์เซอร์ สมมติว่าตอนนี้คุณต้องการเชื่อมโยงหน้าต่างๆ ภายในเว็บไซต์ของคุณเองด้วยลิงก์

ในกรณีนี้คุณไม่สามารถคัดลอกที่อยู่เหล่านั้นจากแถบ ที่อยู่ได้ เหตุผลคือที่อยู่นั้น จะประกอบด้วยเส้นทางเต็มไปยังหน้าของคุณ ตั้งแต่ไดรฟ์รากของคอมพิวเตอร์ของคุณ และเมื่อ ย้ายไปยังโฟลเดอร์อื่น ลิงก์ดังกล่าวก็จะ ใช้งานไม่ได้

สำหรับหน้าต่างๆ ของเว็บไซต์ของคุณเอง ควรใช้ วิธีการที่แตกต่างออกไป มาศึกษากันผ่านตัวอย่าง สมมติว่า ในโฟลเดอร์รากของเว็บไซต์คุณมีไฟล์ index.html และไฟล์ page.html มาเชื่อมโยงไฟล์เหล่านี้ด้วยลิงก์กัน โดยในแอตทริบิวต์ href ของลิงก์ เราควรเขียนแค่ ชื่อของไฟล์เหล่านั้น (พร้อมนามสกุล) มาลองทำกัน

บนหน้า index.html สร้างลิงก์ ไปยังหน้า page.html:

index.html<h1>Index</h1>
<a href="page.html">ลิงก์ไปยังหน้า page</a>

และบนหน้า page.html สร้างลิงก์ ไปยังหน้า index.html:

page.html<h1>Page</h1>
<a href="index.html">ลิงก์ไปยังหน้า index</a>