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>
	&copy:2024-25 CAMPUSLIGHT.All Right Reserved.
	</footer>
	<body>
	</body>
	</html>