KWALIFIKACJA INF3 - STYCZEŃ 2017

PYTANIE NR 5.
Aby w języku HTML uzyskać formatowanie paragrafu dla tekstu

Tekst może być zaznaczony albo istotny dla autora

należy zastosować kod

A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Poprawny kod musi utworzyć akapit znacznikiem <p>...</p> oraz poprawnie zagnieździć elementy liniowe: <mark>...</mark> dla zaznaczenia i <em>...</em> dla podkreślenia istotności. Błędne odpowiedzi mają niepoprawne domknięcia lub złe zagnieżdżenie znaczników.

Pełne wyjaśnienie:

W HTML akapit tworzy się elementem <p>, który musi zostać poprawnie zamknięty </p>. Wewnątrz akapitu można używać elementów liniowych (inline), np. <mark> do wizualnego zaznaczenia fragmentu oraz <em> do semantycznego zaakcentowania (nacisku) tekstu.

Odpowiedź uznana za poprawną spełnia dwa kluczowe warunki:

  • Poprawne domknięcie wszystkich znaczników: każdy znacznik otwierający ma pasujący znacznik zamykający.
  • Poprawne zagnieżdżanie: znaczniki muszą zamykać się w odwrotnej kolejności niż się otwierają (nie wolno "krzyżować" zakresów).

Dlaczego pozostałe propozycje są błędne:

  • Wariant z objęciem przez <mark> także fragmentu zaczynającego się od <i> i domknięciem </mark> po </i> zmienia zakres zaznaczenia i łatwo prowadzi do niezamierzonego formatowania; w praktyce takie błędy zagnieżdżania bywają źródłem trudnych do znalezienia problemów w renderowaniu.
  • Wariant z <em> bez domknięcia (albo z domknięciem innym znacznikiem) jest niepoprawny składniowo. Przeglądarka może próbować "naprawić" HTML, ale wynik będzie zależny od parsera i może różnić się między przeglądarkami.
  • Warianty, w których <mark> obejmuje także <em> mimo innej intencji, mają błędną strukturę lub semantykę (zakres znacznika nie odpowiada opisowi), a w części zapisów pojawia się również problem nieprawidłowego domykania.

Wskazówka egzaminacyjna: sprawdź najpierw, czy wszystkie znaczniki są domknięte, a potem czy kolejność zamknięć jest poprawna. To najszybszy sposób wykrycia błędów w odpowiedziach.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Znacznik <p> definiuje akapit tekstu. Przeglądarki zwykle dodają domyślne odstępy przed i po akapicie, dzięki czemu treść jest czytelniejsza. Akapit musi być poprawnie zamknięty znacznikiem </p>.
Zagnieżdżanie musi być "stosowe": gdy otworzysz <mark> i potem <em>, to najpierw zamykasz </em>, a dopiero potem </mark>. Krzyżowanie zakresów powoduje błędy składni i nieprzewidywalne renderowanie.
Domykanie znaczników utrzymuje poprawną strukturę dokumentu (DOM). Gdy brakuje </em> lub </mark>, przeglądarka może próbować naprawiać kod, ale wynik bywa różny w zależności od parsera i może psuć formatowanie kolejnych fragmentów strony.
<em> oznacza semantyczny nacisk (zaakcentowanie) w tekście. To nie tylko styl wizualny; czytniki ekranu mogą interpretować go jako ważniejszy fragment. Domyślnie bywa renderowany kursywą, ale wygląd można zmieniać CSS.
<mark> służy do wyróżnienia fragmentu tekstu jako "zaznaczonego" lub istotnego w danym kontekście (np. wynik wyszukiwania). Często ma tło w kolorze żółtym, ale to tylko domyślne formatowanie, które można nadpisać w CSS.
<em> niesie znaczenie (nacisk, istotność w treści), a <i> jest bardziej prezentacyjny (np. termin obcy, nazwa, myśl). Oba mogą wyglądać podobnie, ale w HTML ważna jest semantyka, zwłaszcza dla dostępności i SEO.
Tak. <mark> jest elementem liniowym i typowo umieszcza się go w treści akapitu <p>. Trzeba tylko dopilnować poprawnego zagnieżdżenia i domknięcia znaczników, aby wyróżnienie nie "rozlało się" na dalszy tekst.
Najprościej użyć walidatora HTML (np. online) lub narzędzi deweloperskich przeglądarki. Walidator wskaże brakujące zamknięcia typu </p> lub błędne zagnieżdżenia. To szybka metoda nauki przed egzaminem INF.3.
Parser HTML buduje drzewo DOM. Gdy znaczniki są zagnieżdżone niepoprawnie, przeglądarka stosuje reguły naprawcze, które mogą domknąć elementy w innym miejscu niż oczekujesz. Skutek: formatowanie (np. zaznaczenie lub kursywa) obejmuje zły zakres tekstu.
Najczęściej pojawiają się: brak domknięcia jednego znacznika, zamknięcie w złej kolejności oraz "objęcie" zbyt dużego fragmentu przez <mark>. Dobra strategia to szybkie sprawdzenie par: czy jest <p>…</p>, <mark>…</mark> i <em>…</em>.
info

Statystycznie 55% uczniów zna prawidłową odpowiedź. średnie

Specjaliści zwracają uwagę: "Błędne odpowiedzi mają niepoprawne domknięcia lub złe zagnieżdżenie znaczników."

Źródła:

  • WHATWG HTML Living Standard – element &lt;p&gt; (The p element): https://html.spec.whatwg.org/multipage/grouping-content.html#the-p-element - dostęp 2026-03-05
  • WHATWG HTML Living Standard – element &lt;em&gt; (The em element): https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-em-element - dostęp 2026-03-05
  • WHATWG HTML Living Standard – element &lt;mark&gt; (The mark element): https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-mark-element - dostęp 2026-03-05

Materiały:

  • Specyfikacja HTML Living Standard (sekcje o elementach &lt;p&gt;, &lt;mark&gt;, &lt;em&gt;, &lt;i&gt;)
  • Dokumentacja MDN Web Docs: HTML elements reference
  • Walidator HTML (W3C/WHATWG validator) do ćwiczeń z poprawnością składni

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego