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 তালিকায় অবস্থান করে।
