HTML-and-CSS-Projects/Assignment.html at main · Yusni17/HTML-and-CSS-Projects · 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
<!DOTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width-device-width, initial-scale=1.0">
    <title>My Cats Page</title>
</head>

<body>

    <nav>
        <a href="Assignment.html">Home</a>
        <a href="Dog.html">Dog Picture</a>
        <a href="Dog_Video.html">Dog Video</a>

    </nav>

    <main>
        <h1>Welcome to My Cats Page</h1>

        <h3>This is a medium heading</h3>
        <h6>This is a small heading</h6>

        <p>This is a paragraph about cats. Cats are amazing animals.</p>
        <img src="cats.jpg" alt="My Image">
        <a href="Dog.html">Dog Image</a>
        <a href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRozsVNGY5-5DfRjCiNmhGT3loQgwBS_wlmXL5wcSemag&s=1000">Kitten Image</a>

        <blockquote>
            Cats are the best pets in the world.
        </blockquote>

        <iframe width="560" height="315" src="https://www.youtube.com/embed/vfWkB5cWoY4?si=PPErWmsjWFRDd6Mw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
    </main>

    <footer>
        <p>Contact me at 123-456-7890</p>
        <p>I also have a website about dogs: <a href="Dog.html">Dog Page</a></p>
    </footer>

</body>
</html>