codes will be shows like that:
Are you interested in codes so are you in right place. We are studying about html and css navigation bar in android step by step
1.step write html simple code and join the css file like that 
And write contact about news home and create html page 
2.create css file like style.css and write codes of css.
Follow th following codes :
Here codes for html 

<html>
<head>
<title></title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<ul>
 <li><a href="#">CONTACT</a></li>
 <li><a href="#">ABOUT</a></li>
 <li><a href="#">NEWS</a></li>
 <li><a href="#">HOME</a></li>
</ul> 
</body>
</html>

Here codes of  css:

body{
margin: 0;
padding: 0;
font-family: sans-serif;
}
ul{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li{
float: right;
}
li a{
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a:hover{
background-color: #111;
}
Write this codes and then run in chrome browser and veiw .
Navigation bar with hover will be show.

Thank you for visiting!!