HTML Layout

By | January 17, 2020

Each web page has a fixed layout that we prepare the HTML. In this we will learn how to create a layout in a HTML. HTML gives us such facility that we can design web page layout. The layout of our web page is very important while creating a website so that our web page looks beautiful and well-organized. To create a good layout we can use the framework of JavaScript and CSS. A web page has a header, a footer and a sidebar. Properly setting them is a layout. In HTML you can create a good layout from the table property.

Example:-

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>HTML Layout</title>
</head>
<body>
	<header style="width: 100%;background: #ccc;">
		<h1>Header</h1>
	</header>
	<section>
		<div class="sidebar">
			<p>Sidebar</p>
			<ul>
				<li><a href="#">Home</a></li>
				<li><a href="#">About</a></li>
				<li><a href="#">Contact</a></li>
			</ul>
		</div>
	</section>
	<footer style="width: 100%;background: #ccc;">
		<h2>Footer</h2>
	</footer>
</body>
</html>

Output:-

layout
Spread the love

Leave a Reply

Your email address will not be published. Required fields are marked *