Lista numerowana w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Lista numerowana w HTML służy do przedstawiania elementów w określonej kolejności. Tworzy się ją za pomocą znacznika <ol> od angielskiego ordered list. Każdy element listy zapisuje się wewnątrz znacznika <li>.

Podstawowa składnia

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

Taki kod zostanie wyświetlony najczęściej jako:

  1. Pierwszy
  2. Drugi
  3. Trzeci

Do czego służy <ol>?

Znacznika <ol> używa się wtedy, gdy kolejność elementów ma znaczenie, np.:

  • instrukcja wykonania zadania,
  • ranking,
  • lista kroków algorytmu,
  • plan działań w ustalonej kolejności.

Różnica między <ol> a <ul>

Najważniejsze rozróżnienie egzaminacyjne:

  • <ol> tworzy listę numerowaną,
  • <ul> tworzy listę wypunktowaną,
  • <li> oznacza pojedynczy element listy.

Przykład listy wypunktowanej:

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

Atrybut type

Dla listy numerowanej można określić sposób numeracji atrybutem type:

<ol type="A">
  <li>Punkt pierwszy</li>
  <li>Punkt drugi</li>
</ol>

Przykładowe wartości:

  • 1 — liczby arabskie,
  • A — wielkie litery,
  • a — małe litery,
  • I — wielkie liczby rzymskie,
  • i — małe liczby rzymskie.

Zapamiętaj

Jeśli w kodzie HTML widzisz znacznik <ol>, oznacza to listę numerowaną. Elementy tej listy są zapisane w znacznikach <li>.