Messing-around-with-HTML-CSS/index.html at main · WilliamRChiu/Messing-around-with-HTML-CSS · 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
<!DOCTYPE html>
<html>
    <head>
        <Title>
            My first website
        </Title>
    </head>
    <body>
        <audio controls autoplay muted loop>
            <source src = "Audio/Khalid - Young Dumb -26 Broke -Official Instrumental-.mp4">
        </audio>
        <h1>
            This is an h1 heading
        </h1>
        <h2>
            This is an h2 heading
        </h2>
        <h3>
            this is an h3 heading
        </h3>
        <h4>
            this is an h4 heading
        </h4>
        <h5>
            this is an h5 heading
        </h5>
        <hr>
        <!-- hr adds a horizontal line-->
        <br>
        <!--br adds a line break-->
        <p>
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi illum quaerat eius, consectetur esse velit asperiores corporis necessitatibus voluptatum molestias rem possimus perspiciatis officiis aspernatur error labore non hic maiores!
        </p>
        <a href = "https://www.youtube.com/watch?v=dQw4w9WgXcQ"
        target = "_blank"
        title="Goes to somewhere fun!">
        <!--target = _blank opens link in new window, title is what pops up when you hover-->
            click me

        </a>
        <br>
        <a href = "Songlyrics.html">
            song lyrics
        </a>

        <br>

        <a href = "mailto:willee628@gmail.com">
            email me
        </a>
        <br>
        <hr>
        <h1>this is a dope pikachu</h1>
        <a href = "https://en.wikipedia.org/wiki/Pok%C3%A9mon">
        <img src = "/images/PikachiuImage.webp"
        alt = "This is mustache pikachu"
        height = "200" width = "200">
        <!--the alt text is a text that appears if image cannot load-->
        </a>

        <!-- The image function can also import gifs-->

    </body>


</html>