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>