## Lists - ul and li

Lists are very useful, both for:

- Content
- Navigation

There are three types of lists:

- Unordered (most common)
  `ul` and `li`
- Ordered
  `ol` and `li`
- Description (rare)
  `dl`, `dt` (description term), and `dd` (description detail)

Example 2.3 - Unordered List - Example 2.3
<ul><li>Tea</li><li>Bread</li><li>Cheese</li><li>Chips</li><li>Ice Cream</li></ul>

- Markup
- Display

     <ul>
       <li>Tea
       </li>
       <li>Bread
       </li>
       <li>Cheese
       </li>
       <li>Chips
       </li>
       <li>Ice Cream
       </li> </ul>

Example 2.4 - Nested Unordered List - Example 2.4
<ul><li>Tea <ul><li>Kenya</li><li>Sikkim</li><li>Ceylon</li><li>Assam</li><li>Oolong</li></ul></li><li>Potato Chips <ul><li>Dirty's</li><li>Art's and Mary's</li><li>Tim's Cascade</li><li>Cape Cod</li></ul></li></ul>

- Markup
- Display

     <ul>
       <li>Tea
         <ul>
           <li>Kenya
           </li>
           <li>Sikkim
           </li>
           <li>Ceylon
           </li>
           <li>Assam
           </li>
           <li>Oolong
           </li>     </ul>
       </li>
       <li>Potato Chips
         <ul>
           <li>Dirty's
           </li>
           <li>Art's and Mary's
           </li>
           <li>Tim's Cascade
           </li>
           <li>Cape Cod
           </li>     </ul>
       </li> </ul>

Example 2.5 - Ordered List - Example 2.5
<ol><li>Boil water</li><li>Measure tea (approximately 5 g per 340 mL pot)</li><li>Steep tea for 3 to 5 minutes</li><li>Enjoy!</li></ol>

- Markup
- Display

     <ol>
       <li>Boil water
       </li>
       <li>Measure tea (approximately 5 g per 340 mL pot)
       </li>
       <li>Steep tea for 3 to 5 minutes
       </li>
       <li>Enjoy!
       </li>
     </ol>

Example 2.6 - Description Lists (terms and definitions or details) - Example 2.6
<dl><dt>bread</dt><dd>a usually baked and leavened food made of a mixture whose basic constituent is flour or meal</dd><dt>butter</dt><dd>a solid emulsion of fat globules, air, and water made by churning milk or cream and used as food </dd></dl>

- Markup
- Display

     <dl>
       <dt>bread   </dt>
       <dd>a usually baked and leavened food made of a mixture whose basic constituent is flour or meal   </dd>
       <dt>butter   </dt>
       <dd>a solid emulsion of fat globules, air, and water made by churning milk or cream and used as food   </dd> </dl>