HTML-practice-new/index.html at main · elijahcox/HTML-practice-new · 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
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="HTML5_Logo.svg" type="image">
    <link rel="stylesheet" href="main.css" type="text/css">
    <title>My first web page</title>
</head>

<body>
    <h1>Hello World!</h1>
    <hr>
    <nav>
        <ul>
            <li>
                <a href="#bottomPortion">Bottom of the page</a>
            </li>
        </ul>
    </nav>
    <hr>
    <h2>I'm ready to learn html</h2>
    <p>My first web page</p>
    <h3>My daily schedule</h3>
    <p>Let me tell you how:</p>
    <ol>
        <li>I learn more about the web</li>
        <li>I plan out my schedule</li>
        <li>I use resources from <abbr title="Mozilla Developer Network"><a
                    href="https://developer.mozilla.org/en-US/">MDN</a></abbr></li>
        <li>This is <a href="secondPage.html">another webpage</a> on this project</li>
    </ol>
    <hr>
    <p><b>Bold text</b><br><strong>Strong text</strong><br><em>emphasized text</em></p>
    <p>&lt; is a less than symbol</p>
    <p>&copy; is a copyright symbol</p>
    <p>I live in <abbr title="Texas">TX</abbr></p>
    <address>
        The Fives Resort <br>
        Cancun,Mx
    </address>
    <hr>
    <dl>
        <dt>North Pole</dt>
        <dd>This is cold</dd>
    </dl>
    <br><br>
    <section id="bottomPortion">
        <p>
            This is a smaller section towards the bottom
        </p>
        <p>
            Download an <a href="HTML5_Logo.svg" download>HTML5 favicon</a>
        </p>
        <img src="img/HTML5_Logo.svg" alt="" style="height:300px" loading="lazy">
    </section>
</body>

</html>