html2/index.html at main · noah-80/html2 · 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
<html>
    <head>
        <title>About Noah</title>
    </head>
    <body>
        <p>
            <h1>Hi there! Today I'll be using tags 0-15 with an image tag.</h1>
        </p>
        <p>
            <a href="https://github.com/McBride-SallyJoeBob">Here's one of my computer science inspirations.</a>
        </p>
        <br>
        <p>
            Aside from SallyJoeBob, here are some reasons I study computer science:
        </p>
        <br>
        <p>
            <ul>
                <li>I get to hangout with Keming</li>
                <li>I can code for new art projects</li>
                <li>I can do better in APCSP</li>
            </ul>
        </p>
        <br>
        <p>I'm interested in interactive elements when I code, so here's a button!</p>
        <button type="button">Interact with me!</button>
        <div></div>
        <p><img src="Wave.png"></p>
        <p>As a second, interactive element, add a color here:<input type="color"></p>
        <p>Did you like those colors? Tell me what your favorite color is below.</p>
        <p>
            <label>Favorite Color</label>
            <select id="Favorite Color">
                <option value="purple">Purple</option>
                <option value="yellow">Yellow</option>
                <option value="blue">Blue</option>
            </select>
        </p>
        <p><h1>Here is part 2 where I get to try my own tags!</h1></p>
        <p>Let me just try some new text<br>
            I've been so confused lol<br>
            New lines!<br>
            Sometimes when I code, I feel <b>frustrated.</b><br>
            Other times, I feel <i>excited.</i><br>
            Sometimes, <u>life is just okay.</u><br><br>
            For me, it's important to remember:<br>
            <q>The world is your oyster!</q><br><br>
            <s>Keming just codes all of my projects...</s><br><br>
            I'm now going to play with some "h" functions:<br>
            <h1>Here's H1</h1><br>
            <h2>Here's H2</h2><br>
            <h3>Here's H3</h3><br>
            <h4>Here's H4</h4><br>
            <h5>Here's H5</h5><br>
            <h6>Here's H6</h6><br>
    </body>
</html>