Dr-Angela-Yu--HTML/index.html at main · CaptainMayor/Dr-Angela-Yu--HTML · 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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML Course</title>
</head>
<body>
    <!-- Header Tags -->
        <h1>Book</h1>
            <h2>Chapter 1</h2>
                <h3>Section 1</h3>
                <h3>Section 2</h3>

            <h2>Chapter 2</h2>
                <h3>Section 1</h3>
                <h4>Diagram 1</h4>

            <h2>Chapter 3</h2>
                <h2>Section 1</h2>
                <h2>Section 2</h2>

    <!-- Paragraph Tag -->
        <p>This is a paragraph tag</p>
        <hr>
        <p>This is a paragraph tag</p>

    <!-- Break Tag -->
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque iure impedit expedita qui odio beatae in, excepturi quo magni, nulla repudiandae fugit consequatur ipsum officia possimus hic vitae, dolorum adipisci. <br>
        Numquam ipsum suscipit culpa nulla accusantium exercitationem aperiam adipisci cupiditate.

    <!-- Assignment 1: Assignment of what we've done before-->
        <h1>The Best Movies According to Mayowa</h1>

            <h2>My top 3 Movies of all time</h2>
            <hr>

        <h3>Merlin</h3>
        <p>This is my favorite Medieval Series</p>

        <h3>Naruto</h3>
        <p>This one's my favorite Anime</p>

        <h3>Iron Man</h3>
        <p>This Movie!!! The Best!!!</p>


    <!-- List Element -->
        <h2>Shopping List 1</h2>
            <ul>
                <li>Milk</li>
                <li>Eggs</li>
                <li>Flour</li>
            </ul>

            <h2>Shopping List 2</h2>
            <Ol>
                <li>Milk</li>
                <li>Eggs</li>
                <li>Flour</li>
            </Ol>


    <!-- Assignment 2: Assignmenr on List Items -->
        <h1>Mayowa's Recipe for the best Cinnamon Rolls</h1>

        <h2>Ingredients</h2>

        <h3>For the dough:</h3>

            <ul>
                <li>3/4 cup warm milk</li>
                <li>2 1/4 teaspoons yeast</li>
                <li>1/4 cup granulated sugar</li>
                <li>1 egg plus 1 egg yolk</li>
                <li>1/4 cup butter</li>
                <li>3 cups bread flour</li>
            </ul>

        <h3>For the filling:</h3>
            <ul>
                <li>2/3 cup dark brown sugar</li>
                <li>1 1/2 tablespoons ground cinnamon</li>
                <li>1/4 cup butter</li>
            </ul>

        <h2>Instructions</h2>
            <ol>
                <li>Mix the milk with the yeast, sugar, eggs.</li>
                <li>Melt the butter and add to the mixture.</li>
                <li>Add in the flour and mix until combined into a dough.</li>
                <li>Knead the dough for 10 minutes.</li>
                <li>Transfer the dough into a large bowl and cover with plastic wrap, leave it somewhere to rise fpr 2 hours.</li>
                <li>After the dough has doubled in size, roll it out into a large rectangle.</li>
                <li>Melt the butter for the filling and mix in the sugar and cinnamon.</li>
            </ol>

        <!-- Assignment 3: Birthday Invite Project-->

        <h1>It's My Birthday</h1>

        <h2>On the 23rd March</h2>

        <img src="/HTML/delicious-birthday-cake-with-fruits.jpg" height="500px" width="500px">
        <br>

        <h3>What to bring:</h3>

        <ul>
            <li>Balloons (I love balloons)</li>
            <li>Cake (I'm really good at eating)</li>
            <li>An appetite (There will be lots of food)</li>
        </ul>

        <h4>This is where you need to go:</h4>
        <a href="maps.google.com">Google map link</a>
</body>
</body>
</html>