HTML List - Cheat Sheet

Types of lists:

• Unordered List.
• Ordered List.
• Description List.

Unordered List:

    <ul>

        <li>Coffee</li>

        <li>Tea</li>

        <li>Milk</li>

    </ul>

Outcome:

• Coffee
• Tea
• Milk

Ordered List:

    <ol>

        <li>Coffee</li>

        <li>Tea</li>

        <li>Milk</li>

    </ol>

Outcome:

1. Coffee
2. Tea
3. Milk

Description List:

    <dl>

        <dt>Coffee</dt>

            <dd>- black cold coffee</dd>

        <dt>Tea</dt>

            <dd>- black hot tea</dd>

        <dt>Milk</dt>

            <dd>- white badham milk</dd>

    </dl>

Outcome:

Coffee

- black cold coffee

Tea

- black hot tea

Milk

- white badham milk