HTML provides unordered, ordered, and definition lists that can all be styled. All of these options play an important role in the styling of our web pages.


Unordered List example

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

Output:

  • Coffee
  • Tea
  • Milk


Ordered List example

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Output:

  1. Coffee
  2. Tea
  3. Milk


Definition lists Example 

<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>

Output:

Coffee
- black hot drink
Milk
- white cold drink