Wynik "1. punkt, 2. punkt, 3. punkt, 4. punkt, D. punkt" oznacza, że przeglądarka renderuje kilka kolejnych pozycji jako osobne elementy listy (lub logicznie równoważne wiersze), a ostatnia pozycja zawiera dodatkowe oznaczenie literowe "D". Taki rezultat najczęściej wynika z zastosowania list HTML: <ol> (lista uporządkowana) lub <ul> (lista nieuporządkowana) wraz z elementami <li>.
W praktyce, aby poprawnie przewidzieć rezultat kodu HTML, warto wykonać stały schemat analizy:
- Zidentyfikuj strukturę: które elementy są kontenerami (np. <ol>, <ul>), a które są pozycjami (np. <li>).
- Sprawdź zagnieżdżenia: element <li> może zawierać tekst, inne elementy liniowe (np. <span>) oraz nawet kolejną listę.
- Uwzględnij domyślne renderowanie: bez CSS lista uporządkowana zwykle numeruje elementy, a lista nieuporządkowana dodaje znaczniki punktów.
- Zwróć uwagę na treść: jeśli w treści elementu występuje litera (np. "D."), stanie się częścią widocznego tekstu, o ile nie jest ukrywana przez style.
Dlaczego pozostałe odpowiedzi (inne układy) bywają mylące? Częsty błąd to założenie, że każdy "punkt" będzie wyglądał identycznie, albo że numerowanie zawsze wynika z wpisania cyfr w treści. W HTML numerowanie (1, 2, 3…) zwykle jest efektem semantyki <ol>, a nie ręcznego dopisywania liczb. Innym błędem jest traktowanie <br> lub akapitów jako równoważnych liście: dają podział na wiersze, ale nie zapewniają semantycznej struktury listy i nie tworzą automatycznego numerowania.
Na egzaminie najbezpieczniej jest "czytać" kod jak drzewo DOM: wypisz kolejno elementy potomne i ustal, co przeglądarka pokaże jako oddzielne wiersze/pozycje. Jeśli w kodzie występuje lista uporządkowana, oczekuj numerów; jeśli w treści ostatniej pozycji jest "D.", pojawi się ona w widoku jako fragment tekstu tej pozycji.
