HTML-Tutorial/9_Lists.html at main · ChoudhariNikita/HTML-Tutorial · 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
<!DOCTYPE html>
<html>

<head>
    <meta charset='utf-8'>
    <title>Lists</title>
    <meta name='Description' content='This is awesome website!!'>
</head>

<body>
    <!-- unorderd list
        Can change style of list.
        type can be => circle, square, disc
    -->
    <ul>
        <li>Apples</li>
        <li>Kiwi</li>
    </ul>

    <!-- Ordered list
        Can change style of list.
        type can be => A, a, i, I, 1
    -->
    <ol type="1">
        <li>Orange</li>
        <ul type="square">
            <li>Fresh</li>
            <li>Clean</li>
        </ul>
        <li>Berry</li>
    </ol>

    <!--description list
        can list up items and describe them.
        dt => description text
        dd => display description
    -->
    <dl>
        <dt>Apples</dt>
        <dd>--Red in color.</dd>
    </dl>
</body>

</html>