Reviewing lists

Example 1 - unordered list

The <ul> element represents an unordered list of items, typically rendered as a bulleted list.

Flowers
Trees
Birds
Bees

<ul>
  <li>Flowers</li>
  <li>Trees</li>
  <li>Birds</li>
  <li>Bees</li>
</ul>

Example 2 - ordered list

The <ol> element represents an ordered list of items — typically rendered as a numbered list.

Make the bed
Clean the bathroom
Wash the dishes
Hang the washing

<ol>
  <li>Make the bed</li>
  <li>Clean the bathroom</li>
  <li>Wash the dishes</li>
  <li>Hang the washing</li>
</ol>

Example 3 - description list

The <dl> element represents a description list. The element encloses a list of groups of terms (specified using the <dt> element) and descriptions (provided by <dd> elements).

Frog: Wet green thing
Rabbit: Warm fluffy thing
Snake: Cold dry thing

<dl>
  <dt>Frog</dt>
    <dd>Wet green thing</dd>
  <dt>Rabbit</dt>
    <dd>Warm fluffy thing</dd>
  <dt>Snake</dt>
    <dd>Cold dry thing</dd>
</dl>