Nav Bar And FooterIn HTML Language
How to create Nav in HTML?
| <html> | |
| <head> | |
| <title>Nav Bar</title> | |
| <style> | |
| nav{ | |
| background-color: gray; | |
| align-items: center; | |
| padding: 10px; | |
| } | |
| nav a{ | |
| text-decoration: none; | |
| color: gold; | |
| padding: 95px; | |
| cursor: grab; | |
| } | |
| nav a:hover{ | |
| background-color: purple; | |
| color: White; | |
| } | |
| img1{ | |
| height: 100px; | |
| width: 100px; | |
| } | |
| footer{ | |
| background-color: aqua; | |
| padding: 10px; | |
| color: red; | |
| text-align: center; | |
| bottom: 0px; | |
| position: fixed; | |
| width: 1300px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <nav> | |
| <a href="#Home">Home</a> | |
| <a href="#Class">Class</a> | |
| <a href="#Friends">Friends</a> | |
| <a href="#Address">Address</a> | |
| </nav> | |
| <img src="" id="" alt=""> | |
| <br> | |
| <br> | |
| <footer> | |
| ©:2024-25 CAMPUSLIGHT.All Right Reserved. | |
| </footer> | |
| <body> | |
| </body> | |
</html>  |
