Navigation Bar
A navigation bar is a component or element in a user interface which intends to aid the user in accessing any information and a navigation bar could be made up of a set of buttons or images in a row or column or even be a single graphical image with divided into individual selections.
Example
HTML
<![CDATA[
<div class="navbar">
<a href="#">Homepage</a>
<a href="#">Products</a>
<a href="#">About Us</a>
<a href="#">Contact Us</a>
</div>
]]>
CSS
<![CDATA[
.navbar {
overflow: hidden;
background-color: #33cccc;
font-family: Arial;
}
.navbar a {
float: left;
font-size: 16px;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.navbar a:hover {
background-color: #e0e0d1;
}
]]>