HTML_CSS_1-example-1/index.html at main · Java-Full-Stack-TEK/HTML_CSS_1-example-1 · 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
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html lang="en">

<head>
    <title>Example</title>
</head>

<body>

    <!--Top of the page. Usually includes Logo, Links etc-->
    <header>
        <img src="images/profile_icon.png" alt="square pixel face">
        <!--Navigation-->
        <nav>
            <ul>
                <ul>
                    <li><a href="*">Home</a></li>
                    <li><a href="*">About</a></li>
                    <li><a href="*">Personal Projects</a></li>
                    <li><a href="*">Contact</a></li>
                </ul>
            </ul>
        </nav>
    </header>

    <!--Main body of the page-->
    <main>
        <h1>Big Big Header</h1>
        <H2>Big Header</h2>
        <h3>Small Header</h3>
        <h4>Tiny Header</h4>
        <img src="images/banner_lowres.jpg" alt="pixel art of an abandoned city">

        <!--Average boring table-->
        <table>
            <tr>
                <!--Table Row-->
                <th>NAME</th>
                <th>AGE</th>
                <th>HOBBY</th>
            </tr>
            <tr>
                <!--Table Row-->
                <td>Jeff</td>
                <td>52</td>
                <td>Golf</td>
            </tr>
            <tr>
                <!--Table Row-->
                <td>Ashley</td>
                <td>17</td>
                <td>Rare Rocks</td>
            </tr>
            <tr>
                <!--Table Row-->
                <td>Brian</td>
                <td>128</td>
                <td>Sleep</td>
            </tr>
        </table>
    </main>

    <!--Bottom of the page. Copywrite info, legal stuff etc-->
    <footer>
        <p>Copywrite by (Insert Greedy Corporate Name Here) </p>
        <!--This is stupid. Please don't say this-->
    </footer>
</body>

</html>