HTML-course/lists.html at master · PNieck/HTML-course · 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
<!DOCTYPE html>

<html>

    <!-- ******************************* -->
    <!-- ------ HEAD of my website ----- -->
    <!-- ******************************* -->

    <head>
        <meta charset="UTF-8">
        <meta name="description" content="This is an awsome website">

        <title>Lists in HTML</title>
    </head>


    <!-- ******************************* -->
    <!-- ------ BODY of my website ----- -->
    <!-- ******************************* -->


    <body>

        <h1>Lists</h1>

        <h2>Unordered list</h2>
        <ul>
            <li>Apples</li>
            <li>Oranges</li>
            <li>Bananas</li>
        </ul>

        <h2>Ordered list</h2>
        <ol type="I">
            <li>Apples</li>
            <li>Oranges
                <ol>
                    <li>Item 1</li>
                    <li>Item 2</li>
                </ol>
            </li>
            <li>Bananas</li>
        </ol>

        <h2>Description List</h2>
        <dl>
            <dt>Apples</dt>
                <dd>- they are red</dd>
            <dt>Oranges</dt>
                <dd>- they are orange</dd>
        </dl>


    </body>

</html>