Saturday, 17 March 2018

hover over in html with css

hover over in html 

This is for a:link a:visited a:active a:hover in css with HTML for the formation of navigation bar.
As the very essential part of a web designing, without this technique, all link will seem similar to the user who visits your site will be unable to recognize the links which he has seen and which one will be next to click. Analyze the other web sites, see the link carefully before click and after click, and also see the navigation menu whether the link changes the color or style or not.



a:link will is referred as such page is not clicked yet.
a:visited is referred as clicked the link and visited on such page.
a:hover is referred as the link on which pointer is floating over such link.
a:active is referred as the link on which you are about to click on such link.


hover link visited active  in css with HTML for website tutorial learning html and css
a:link a:visited a:active a:hover in css with HTML for website tutorial learning html and css

For your comfort, a link is given below for video tutorial to make the topic more easy. 

The code is given below :

<html>
<head>
<title>Your WebSite</title>
</head>
<style>
top {background: black; color: white; float: right; width:100%;}
a:link {text-decoration: none; font-family: arial; font-size: 12px; }
a:visited {color: green;}
a:active {color: black; font-size: 20px;}
a:hover {background: black; color: white; width: 100%;}
footer {background: black; width:100%; color: white;}
</style>
<body>
<top>Your Website name
</top><br />
<a href="index.html">Home</a>
<a href="desc.html">Description</a>
<a href="other.html">Other Link</a>
<a href="cont.html">Contact Us</a><br />
<video controls="controls" height="150" width="150">
<source src="child-iq.mp4"></video><br />
<img src="face.png" height="100" width="150" />
<footer>&copy; explorerstars.com</footer>
</body>
</html>
hover link visited active  in css with HTML for website tutorial learning html and css
Output for - hover, link, visited, active,  in css with HTML for website tutorial learning html and css
Please comment is find any problem. 

No comments:

Post a Comment