KWALIFIKACJA INF3 - STYCZEŃ 2022

PYTANIE NR 3.
W języku HTML zdefiniowano listę, która
Ilustracja przedstawia fragment kodu HTML, który definiuje listę numerowaną z zagłębioną listą punktowaną.
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Lista numerowana w HTML jest zwykle tworzona znacznikiem <ol> i wyświetla elementy z numerami. Jeśli w jednym z elementów <li> umieszczono dodatkową listę punktowaną <ul>, to powstaje zagnieżdżenie: na zewnątrz numeracja, a wewnątrz wypunktowanie.

Pełne wyjaśnienie:

W HTML występują dwa podstawowe typy list:

  • lista numerowana (<ol>) – przeglądarka automatycznie nadaje kolejne numery elementom <li>; stosuje się ją, gdy kolejność ma znaczenie (np. kroki instrukcji).
  • lista punktowana (<ul>) – elementy <li> są oznaczone punktorami; używa się jej, gdy kolejność nie jest kluczowa (np. lista cech).

Opis "jest numerowana z zagłębioną listą punktowaną" odpowiada sytuacji, w której zewnętrzny kontener listy to <ol>, a w jednym z jego elementów <li> umieszczono wewnętrzną listę <ul>. To klasyczny przykład listy zagnieżdżonej: element listy może zawierać nie tylko tekst, ale też kolejną listę.

Dlaczego pozostałe odpowiedzi są błędne?

  • Stwierdzenie o "punktowanej z zagłębioną numerowaną" odwraca role: w takim układzie lista zewnętrzna byłaby <ul>, a wewnętrzna <ol>. To inny efekt wizualny i inna semantyka (na zewnątrz kropki, wewnątrz numeracja).
  • Odpowiedzi mówiące, że "nie ma zagłębień" przeczą części opisu o istnieniu listy wewnętrznej. Brak zagnieżdżenia oznacza, że wszystkie elementy <li> są na jednym poziomie.
  • Wzmianka, że konkretne słowo ma numer 5, dotyczy szczegółu kolejności/pozycji jednego elementu. Taki detal można ustalić tylko z konkretnego kodu lub widoku listy, a nie wynika on z samego faktu, że lista jest numerowana i zagnieżdżona.

Wskazówka egzaminacyjna: aby nie pomylić typów list, kojarz <ol> z "order" (kolejność), a <ul> z "unordered" (zbiór bez kolejności). Zagnieżdżenie rozpoznasz po tym, że wewnątrz jednego punktu/pozycji pojawia się dodatkowa, wcięta lista.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Lista numerowana to lista tworzona elementem <ol>, w której przeglądarka automatycznie nadaje kolejne numery elementom <li>. Stosuje się ją, gdy kolejność pozycji ma znaczenie (np. instrukcja krok po kroku).
Lista punktowana to lista tworzona elementem <ul>, w której elementy <li> są oznaczone punktorami (kropkami). Używa się jej do zestawień, w których kolejność elementów nie jest istotna.
Zagnieżdżenie robisz, gdy wewnątrz elementu <li> umieszczasz kolejną listę <ul> lub <ol>. Dzięki temu powstaje lista "wcięta" względem poziomu nadrzędnego.
Różnią się semantyką: <ol> oznacza uporządkowaną kolejność (numerację), a <ul> zbiór elementów bez kolejności (punktory). To ważne dla dostępności i poprawnego znaczenia treści.
Lista zagnieżdżona zwykle jest wcięta i pojawia się "wewnątrz" jednej pozycji listy nadrzędnej. Widzisz wtedy dwa poziomy: zewnętrzny (np. numerowany) oraz wewnętrzny (np. punktowany).
Stosuj <ol>, gdy kolejność ma znaczenie: kroki procedury, ranking, instrukcja instalacji, algorytm. Gdy to tylko zestaw cech lub elementów bez kolejności, zwykle lepsze jest <ul>.
Najczęściej myli się typ listy (numeracja vs punktory) oraz zapomina, że zagnieżdżenie wymaga wstawienia listy wewnątrz <li>. Błędem jest też mieszanie stylu CSS z semantyką HTML.
Tak. Możesz umieścić <ol> w elemencie <li> listy <ul> (lub odwrotnie). Ważne jest, aby wewnętrzna lista była dzieckiem konkretnego <li>, a nie "obok" niego.
CSS może zmienić prezentację (np. list-style-type, wcięcia), ale nie zmienia znaczenia HTML. Nadal <ol> jest listą uporządkowaną, a <ul> nieuporządkowaną, niezależnie od stylu.
Przećwicz pisanie krótkich przykładów z <ol>, <ul> i <li>, w tym co najmniej jedno zagnieżdżenie. Otwieraj plik w przeglądarce i porównuj efekt wizualny z kodem.
info

Statystycznie 41% uczniów zna prawidłową odpowiedź. trudne

Specjaliści zwracają uwagę: "Lista numerowana w HTML jest zwykle tworzona znacznikiem &lt;ol&gt; i wyświetla elementy z numerami."

Źródła:

  • WHATWG HTML Living Standard – sekcja "The ol element" (Lists) https://html.spec.whatwg.org/multipage/grouping-content.html#the-ol-element - accessed 2026-03-01
  • WHATWG HTML Living Standard – sekcja "The ul element" (Lists) https://html.spec.whatwg.org/multipage/grouping-content.html#the-ul-element - accessed 2026-03-01
  • MDN Web Docs – &lt;ol&gt;: The Ordered List element https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol - accessed 2026-03-01

Materiały:

  • Specyfikacja HTML Living Standard (sekcje o listach)
  • Dokumentacja MDN Web Docs: elementy &lt;ol&gt;, &lt;ul&gt;, &lt;li&gt;
  • Ćwiczenia praktyczne: tworzenie list i list zagnieżdżonych w HTML oraz podgląd w przeglądarce

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego