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 :)