How to create Navbars in HTML?


	Basically Navbars are the basic requirement for the website. It is used in order to focus the main category of content available in that website.
	The following code is an example of Navbar in HTML.

	<html>
	<head>
	<title>Nav bars in W.P.D</title>
	<style>
	body{background-color:skyblue;background-image:url('1.gif')}
	a
	{
	display:block;
	font-weight:bold;
	color:white;
	background-color:Black;
	width:100px;
	text-align:center;
	text-decoration:none;
	line-height:30px;
	}
	a:hover,a:active
	{
	background-color:Red;
	}
	menu ul
	{
	list-style:none;
	}
	.menu li
	{
	float:left;
	}
	</style>
	</head>
	<body>
	<div class="menu">
	<ul>
	<li><a href="#">+You</a></li>
	<li><a href="#">Search</a></li>
	<li><a href="#">Images</a></li>
	<li><a href="#">Maps</a></li>
	<li><a href="#">Play</a></li>
	<li><a href="#">Drive</a></li>
	<li><a href="#">Calendar</a></li>
	<li><a href="#">Translate</a></li>
	<li><a href="#">Books</a></li>
	<li><a href="#">More?</a></li>
	</ul>
	</div>
	</body>
	</html>

#INCLUDE