HTML Lists

In HTML, lists are used to group pieces of related data together in a certain format. List items are represented by the <li> tag while the lists themselves are represented by the following:

• Ordered lists with items preceded by numbers.
• Unordered lists with items preceded by dots by default.
• Unordered menus with more semantic meaning than <ul> and user-interactive list items.
• Definition lists with terms and details.

Nesting Lists

Lists can be nested, meaning one list of one kind can be placed inside another list of another kind:

<ol>
  <li>Fruits</li>
  <ul>
    <li>Apples 🍎</li>
    <li>Oranges 🍊</li>
  </ul>
  <li>Vegetables</li>
  <ul>
    <li>Tomatoes 🍅</li>
  </ul>
</ol>

Copy to clipboard
Copy to clipboard

This way, multilevel lists can be created with different indentations.