DWPD-1.5: Write a code for creating static page design using division tag.

div tag in html
Lab # 1
Introduction to html & CSS

5. Write a code for creating static page design using division tag.

Lab1-5-static-page-with-div.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Static web page</title>
<style>
*{margin:0; padding:0;}
</style>
</head>
<body width="960px">
<div>
<h1 align="center">Practical Server</h1>
</div>
<div>
<img width="100%" src="code_banner.jpg">
</div>
<div>
<div>
<ul style="display:flex; list-style:none;">
<li><a href="#">Home</a></li> &nbsp;
<li><a href="#">About</a></li>
</ul>
</div>
</div>

<div style="background: #f1f1f1; width: 70%">
<img src="practicalserver-logo.png">
<a href="#">Read More....</a>
</div>
<br><br><br><br>
<div style="background: #262626; color:white; text-align: center; height: 20vh; padding-top:10vh" >
<p>Copyright &COPY; Practical Server 2018</p>
</div>
</body>
</html>

Output

div tag in html
Static Web page by practical server

VISIT: https://codesnail.com

Happy Coding 🙂

Leave a comment