Element <ol> w HTML

Element <ol> służy do tworzenia listy uporządkowanej, czyli takiej, w której kolejność elementów ma znaczenie. Przeglądarka domyślnie numeruje elementy listy: 1, 2, 3 itd.

Składnia

Lista uporządkowana składa się z elementu nadrzędnego <ol> oraz elementów listy <li>.

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

W przeglądarce zostanie to zwykle wyświetlone jako:

1. Pierwszy element
2. Drugi element

Lista uporządkowana z podlistą

W elemencie <li> można umieścić kolejną listę, np. nieuporządkowaną <ul>.

<ol>
  <li>muzyka
    <ul>
      <li>Wpis1</li>
      <li>Wpis2</li>
    </ul>
  </li>
  <li>filmy
    <ul>
      <li>Wpis3</li>
      <li>Wpis4</li>
    </ul>
  </li>
</ol>

Efektem będzie lista numerowana: 1. muzyka, 2. filmy, a wewnątrz każdego punktu lista wypunktowana.

Ważne na egzaminie

Jeżeli kod zaczyna się od <ol>, główna lista będzie numerowana. Jeżeli wewnątrz znajduje się <ul>, podlista będzie wypunktowana.