Listy numerowane są używane do prezentowania elementów w porządku numerycznym. Możemy je łatwo tworzyć za pomocą znacznika <ol>, a każdy element listy otrzymuje automatycznie nadaną numerację dzięki znacznikowi <li>. Oto przykład:

<ol>
  <li>Pierwszy element</li>
  <li>Drugi element</li>
  <li>Trzeci element</li>
</ol>

Wynik tego kodu będzie wyglądać tak:

1. Pierwszy element
2. Drugi element
3. Trzeci element

Możemy również zagnieżdżać listy numerowane w innych listach, na przykład w listach nienumerowanych:

<ul>
  <li>Kategorie</li>
  <ol>
    <li>Technologia</li>
    <li>Zdrowie</li>
    <li>Sport</li>
  </ol>
  <li>Porady</li>
  <ol>
    <li>Gotowanie</li>
    <li>Ogród</li>
    <li>Moda</li>
  </ol>
</ul>

Wynik tego kodu będzie wyglądać tak:

• Kategorie
  1. Technologia
  2. Zdrowie
  3. Sport
• Porady
  1. Gotowanie
  2. Ogród
  3. Moda

Listy numerowane są szczególnie przydatne, gdy prezentujemy informacje w konkretnym porządku, na przykład w wyliczeniach kroków do wykonania czy w hierarchii treści. Dzięki nim treść jest czytelna i łatwa do zrozumienia.