W HTML listy opisuje się semantycznie, a nie "wizualnie". Najczęściej spotkasz dwa rodzaje:
- Lista uporządkowana (numerowana) – tworzona znacznikiem <ol>, a jej elementy to <li>.
- Lista nieuporządkowana (wypunktowana) – tworzona znacznikiem <ul>, a jej elementy to również <li>.
Jeżeli w kodzie występuje numeracja głównych punktów (np. 1, 2, 3), oznacza to, że na poziomie głównym użyto listy uporządkowanej. Jeżeli w obrębie jednego z punktów pojawiają się podpunkty oznaczane "kropkami" lub innym markerem, to typowo jest to lista nieuporządkowana zagnieżdżona w środku danego elementu <li>.
Dlaczego odpowiedź z numerami i podpunktami jest właściwa? Ponieważ odzwierciedla dwupoziomową (a nawet wielopoziomową) strukturę: główne elementy są uporządkowane, a wewnątrz jednego z nich znajdują się wypunktowane podpozycje. Zagnieżdżenie kolejnej listy w ramach podpunktu tworzy następny poziom hierarchii (podpunkt pod podpunktem).
Dlaczego pozostałe typowe odpowiedzi bywają błędne?
- Warianty przedstawiające wyłącznie numerację pomijają fakt istnienia zagnieżdżonej listy wypunktowanej.
- Warianty przedstawiające wyłącznie wypunktowanie ignorują, że na poziomie głównym kolejność jest wyrażona numerami.
- Warianty spłaszczające strukturę (wszystko na jednym poziomie) wynikają z nieuwzględnienia, że lista może znajdować się wewnątrz elementu <li>, co zmienia poziom wcięcia i marker.
Wskazówka egzaminacyjna: aby poprawnie rozpoznać wynik, skup się na znacznikach <ol>/<ul> i miejscu, w którym pojawiają się <li>. Wcięcia w kodzie pomagają czytać, ale o hierarchii decyduje zagnieżdżenie elementów.