Introduction to HTML

Updated : 18 Aug 2021 12:13 AM (3 months ago)

Use any text editor

Create file named index.html 

write folllowing code for image, heading, paragraph, div

 

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Course Day 1</title>

</head>

<body style="margin:auto;">

    <div style="line-height:50px;">

        <div style="float:left;">

            <img src="strawberry.png" alt="Sitename" style="height:40px;">

        </div>

        <div style="float:right;">

            Login | Signup

        </div>

        <div style="clear:both"></div>

    </div>

    

    <div style="border:1px solid silver;">

        <a href="index.html">Home</a>

        <a href="https://www.santoshkshirsagar.com">About</a>

        <a href="#">Services</a>

        <a href="#">Contact</a>

    </div>

    <div style="min-height:300px;">

        <h1>Welcome to class</h1>

        <p>This is paragraph text</p>

        <ul>

            <li>item 1</li>

            <li>item 2</li>

            <li>banana</li>

            <li>strawberry</li>

        </ul>


 

    </div>

    <div style="border-top:1px solid silver;color:#6e6565; padding:20px 0px;text-align:center;">

        &copy; Copyright 2020

    </div>

</body>

</html>