ন্যাভিগেশন বার (Navigation Bar) তৈরির নিয়মাবলী ……।।

ন্যাভিগেশন বার (Navigation Bar) তৈরির নিয়মাবলী ……।।

ন্যাভিগেশন বার অনেক গুরুত্তপূর্ণ বিষয়। আজকের পর্বে আমরা দেখব কি ভাবে খুব সহজে ন্যাভিগেশন বার তৈরি করা যায়।

চলুন দেখে নেয়া যাক……………

 

<!DOCTYPE html>
<html>
<head>
<style>
ul
{
list-style-type:none;
margin:0;
padding:0;
}
li
{
display:inline;
}
ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li
{
float:left;
}
a
{
display:block;
width:60px;
background-color:#00CC66;
}

</style>
</head>
<body>
<ul>
<li><a href=”#home”>Home</a></li>
<li><a href=”#news”>News</a></li>
<li><a href=”#news”>Article</a></li>
<li><a href=”#forum”>Forum</a></li>
<li><a href=”#contact”>Contact</a></li>
<li><a href=”#about”>About</a></li>
</ul>
</body>
</html>

ফলাফলঃ

 

Navigation Bar

 

আমার বিশ্বাস এই এইচ টি এম এল ও সিএসএস ব্যাহার করে আপনিও পারেন আপনার ওয়েব পেজের ন্যাভিগেশন বার তৈরি করতে।

আজ আর না আগামি দিনে আসব নতুন কিছু নিয়ে। সবাই ভাল থাকবেন, সুস্থ থাকবেন।

About fsmoynul

একটি উত্তর দিন