নেভিগেশন বারের বাটনে লিংক যুক্ত করন| সি এস এস বাংলা টিউটোরিয়াল

নেভিগেশন বারের বাটনে লিংক যুক্ত করন

নেভিগেশন বারের কোন বাটনে ক্লিক করলেই নতুন একটি পেজ ওপেন হয়।এজন্য বাটনের সাথে ঐ পেজের লিংক তৈরি করতে হয়।আর এ কাজটি করার জন্য প্রতিটা <li></li> এর মধ্যে <a href="#">HOME</a>এর অনুরূপ এ্যাংকর ট্যাগ ব্যবহার করা হয়। href="#" এর যেখানে # চিহ্নটি রয়েছে সেখানে যে পেজের সাথে লিংক তৈরি করতে হবে তার এড্রেস লেখতে হবে। যেমন href="www.tutohost.com" ।



অনুশীলন প্রজেক্ট

<html>
<head>
<title> www.tutohost.com</title>
</head>
<body >
<div id="navigation">
<ul>
<li><a href="#"> HOME</a></li>
<li ><a href="www.tutohost.com">ABOUT US</a></li>
<li><a href="www.tutohost.com">CONTACT US</a></li>
<li><a href="www.tutohost.com">BLOG</a></li>
<li><a href="www.tutohost.com">FORAM</a></li></ul>
</div>
</body>
</body>
</html>

একটা  নোটপ্যাড  open  করে  উপরের code  টুকু  লিখে  file  মেনু  থেকে  Save as এ ক্লিক করে File name:  index.html  ,   Save as type : All files,  দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।



লেখকঃ অসীম কুমার
তিনি ইলেকট্রিক্যাল ইঞ্জিনিয়ারিং এ লেখাপড়া করছেন। টিউটোরিয়ালবিডি ও বিজ্ঞানপ্রযুক্তি ব্লগে তিনি ইলেক্ট্রনিক্স সহ বিভিন্ন টেকনোলজি বিষয়ে লিখে থাকেন। বর্তমানে তিনি লেখাপড়ার পাশাপাশি টিউটোহোস্টে কর্মরত আছেন।

কপি রাইট টিউটোহোস্ট ২০১০-২০১২