Wyświetlenie strony w postaci "Rozdział 1", następnie akapit "tekst", potem dwa podrozdziały oraz kolejny akapit oznacza, że dokument ma strukturę semantyczną opartą o nagłówki i akapity.
Najwyższy poziom tytułu rozdziału odpowiada nagłówkowi <h1> (główny nagłówek), a podrozdziały odpowiadają nagłówkom <h2> (poziom niżej). Zwykły ciąg znaków "tekst" jest treścią akapitu, więc powinien znaleźć się w elemencie <p>. Dodatkowo w poprawnym HTML znaczniki powinny być domykane, aby przeglądarka jednoznacznie zbudowała drzewo DOM i nie musiała "naprawiać" struktury na własną rękę.
Odpowiedź ze strukturą <h1>Rozdział 1</h1> <p>tekst</p> <h2>Podrozdział 1.1</h2> <p>tekst</p> <h2>Podrozdział 1.2</h2> dokładnie odwzorowuje widoczne elementy oraz zachowuje prawidłową składnię (otwarcie i zamknięcie każdego elementu blokowego).
Pozostałe propozycje są błędne z typowych powodów:
- Wariant z listą (<ul>/<li>) zmienia znaczenie treści: zamiast nagłówków i akapitów powstaje lista punktowana, co nie odpowiada strukturze rozdział–podrozdziały.
- Wariant z <big> dotyczy prezentacji (rozmiaru czcionki), a nie semantyki nagłówków; dodatkowo jest to element historyczny/deprecjonowany w nowoczesnym HTML.
- Wariant z niedomkniętymi znacznikami (<h1> bez </h1>, <p> bez </p>, itd.) jest składniowo niepoprawny. Przeglądarka może coś wyświetlić, ale wynik bywa zależny od mechanizmów automatycznej korekty, więc nie jest to właściwa odpowiedź egzaminacyjna.
W praktyce na egzaminie warto sprawdzić dwie rzeczy: czy użyto właściwych elementów semantycznych (nagłówki vs formatowanie) oraz czy każdy element jest poprawnie zamknięty.