html-practice/index.html at main · Swymby/html-practice · 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>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Blank HTML Exercise</title>
</head>
<body>
    <!-- Exercise Section -->
    <section>
        <!-- Task 1: Add a heading -->
        <!-- Create an <h2> heading with the text "My Webpage" -->

        <!-- Task 2: Add a paragraph -->
        <!-- Insert a paragraph (opening and closing tags) with the following text inside: -->
        <!-- "Welcome to my webpage. This is a great place to learn HTML!" -->

        <!-- Task 3: Add an unordered list -->
        <!-- Create an unordered list (ul) with at least three list items (li) inside. -->
        <!-- Each list item should contain a link to a different search engine (e.g., Google, Bing, Yahoo). -->

        <!-- Task 4: Add an image -->
        <!-- Embed an image by using the <img> tag. -->
        <!-- You can use this URL for an example image: -->
        <!-- https://via.placeholder.com/300 -->

        <!-- Make sure to set an appropriate "alt" attribute for the image, describing what it is. -->

        <!-- Task 5: Add a table -->
        <!-- Create a table (table) with at least three rows (tr) and three columns (td). -->
        <!-- Fill in the table with some sample data, such as names, ages, and cities. -->

        <!-- Task 6: Add a link to an external webpage -->
        <!-- Create a hyperlink (anchor tag) that links to the OpenAI website (https://www.openai.com) -->
        <!-- Use the text "Learn more about OpenAI" for the link text. -->

        <!-- Task 7: Add a form -->
        <!-- Create an HTML form with fields for Name, Email, and a Submit button. -->

        <!-- Task 8: Add a video -->
        <!-- Embed a YouTube video by using an <iframe> tag. -->
        <!-- You can use any YouTube video URL you like. -->

        <!-- Task 9: Add a definition list -->
        <!-- Create a definition list (dl) with at least three terms (dt) and their definitions (dd). -->

        <!-- Task 10: Add a footer -->
        <!-- Create a footer (footer) for your webpage with some copyright information. -->

        <!-- Task 11: Add a horizontal rule -->
        <!-- Insert a horizontal rule (hr) to separate sections of your page. -->

        <!-- Task 12: Add a subheading -->
        <!-- Create an <h3> subheading with the text "About Me" -->

        <!-- Task 13: Add an ordered list -->
        <!-- Create an ordered list (ol) with at least five list items (li) inside. -->

        <!-- Task 14: Add a blockquote -->
        <!-- Insert a blockquote (blockquote) with a quotation from a famous person. -->

        <!-- Task 15: Add a second image -->
        <!-- Embed a second image using the <img> tag. You can use a different image URL. -->

    </section>

    <!-- Closing -->
    <p>Your exercise is to create a complete HTML webpage within the "Exercise Section" above. Follow the tasks for guidance.</p>
</body>
</html>