HTML tutorial - Horizontal Navigation Bar Code
<!DOCTYPE html>
<html>
<head><title>TECH-SITE</title>
<style type="text/css" media="all">
ul {
list-style-type:none;
background-color:#f1f1f1;
padding:0;
margin:0;
overflow:hidden;
}
li a{
text-decoration:none;
color:black;
padding:10px;
display:block;
}
li{
float:left;
font-size:1.3em;
}
li a:hover{
background-color:#398f43;
color:white;
}
</style>
</head>
<body>
<h1>Welcome to Technology Solutions</h1><hr>
<div class='novbar'>
<ul>
<li><a href='#home'>Home</a></li>
<li><a href='#eBooks'>eBooks</a></li>
<li><a href='#eLesson'>eLesson</a></li>
<li><a href='#eVideos'>eVideos</a></li>
<li><a href='#About'>About</a></li>
<li><a href='#Contact'>Contact</a></li>
</ul>
</div>
</body>
</html>
SHARE THIS
0 Post a Comment: