HTML_files/a.html at main · uttammittal02/HTML_files · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!-- this is DOCTYPE -->
<!DOCTYPE html>
<html lang="en">
<!--This is a comment-->
<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">
    <meta name = "description" content = " description">
    <meta name = "keywords" content = "html, html tutorials, web development">
    <meta name = "robots" content = "INDEX, FOLLOW">
    <link rel="stylesheet" href="styles.css">
    <!-- This is how you include external javascript -->
    <script src="hello_world.py"></script>
    <!-- <style>
        body{
            margin: 100px;
        }
    </style> -->
    <style>
        .para{
            float: left;
            width: 40%;
        }
        #p2{
            float: right;
            width: 25%;
            clear: left;
        }
        #p3{
            clear: left;
        }
        #p4{
            clear: left;
        }
    </style>
    <title>Hello</title>
</head>
<body>
    <a href="https://keybr.com/" target = "_blank">For typing practice</a><br>
    <a href="https://www.google.com" target = "_blank">Go to google</a><br>
    <a href="/hyperlinks.html" target = "_blank">hyperlinks</a>
    <!-- <img src="https://source.unsplash.com/random/1920x1080" alt="image doesn't exist"> -->
    <h1>This is a heading</h1>
    <p id="1" class="para">This is a paragraph Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel totam facilis corporis consectetur eos nemo nostrum quisquam sequi id vero, at eaque ad. Dignissimos nostrum modi praesentium aut optio consequuntur. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam, eum deleniti, omnis blanditiis, maxime facere vero nesciunt commodi modi impedit nisi consequatur. Blanditiis numquam dignissimos, voluptate quae mollitia optio sint. Quisquam laboriosam sunt cum, placeat voluptate natus doloremque? Doloremque, fugiat!
    </p>
    <p id="p2">This is next paragraph</p>
    <p id="p3">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eius tempore atque explicabo natus nisi voluptates eligendi doloremThis is storn</p>
    <p id="p4">cupiditate dolor beatae molestias voluptatum non sequi reiciendis perferendis laboriosam This is emphasised architecto aut animi delectus assumenda ipsa, quaerat quasi. Dolores perferendis ad quis aut!</p>
    <p id="p5">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Impedit officiis suscipit harum eligendi ad nihil obcaecati nisi aut libero. In mollitia natus adipisci cupiditate vero aliquam soluta aut voluptatum earum?</p>
</body>
</html>