There are 3 types of lists:

• Unordered list
• Ordered list
• Description list

Unordered lists and ordered lists are similar, except that the former is used for non-sequential lists with list items usually preceded by bullets and the latter is for sequential lists, which are normally represented by incremental numbers. Description list has no bullets and no numbering.

We can put any list inside the other one (nested lists).

We can change bullets and numbering by CSS.

Unordered List

Unordered lists are bullet lists. Such lists are created using the <ul> element. <li> element specifies the item of the list. Example:

<ul>
    <li>List Item 1</li>
    <li>List Item 2</li>
    <li>List Item 3</li>
</ul>

Ordered List

Unordered lists are numbered lists. Such lists are created using the <ol> element. <li> element specifies the item of the list. Example:

<ol>
    <li>List Item 1</li>
    <li>List Item 2</li>
    <li>List Item 3</li>
</ol>

Some of the attributes are:

• start - This integer attribute specifies the start value for numbering the individual list items.
• type - Indicates the numbering type (a, A, i, I).
• reversed - Specifies that the items of the item are specified in the reverse order.

Description List

We use <dl> element for description list instead of ul/ol. Rather than containing li elements, description lists have <dt> elements, which are the terms, followed by <dd> elements, which are the descriptions associated to the dt elements.

There doesn’t have to be one dt followed by one dd, there can be any number of either. For example, if there are a number of words that have the same meaning, there might be a number of dt’s followed by one dd. If you have one word that means various different things, there might be one dt followed by several dd’s.

<dl>
    <dt>Coffee/dt>
    <dd>Black hot drink</dd>
    <dt>Milk</dt>
    <dd>Is tastyk</dd>
</dl>

Multiple terms or/and mutiple description can be used inside the dl element.

Note: do not use description lists for indentation.