Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA PGF4 - WRZESIEŃ 2015


PYTANIE NR 33.
W celu wyróżnienia tekstu poprzez wyświetlenie go na żółtym tle do tekstu należy użyć znacznika
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Znacznik <mark> w HTML służy do semantycznego zaznaczenia fragmentu tekstu jako "podświetlonego" (domyślnie przeglądarki pokazują go na żółtym tle). <del> oznacza tekst usunięty, <small> zmniejsza rozmiar, a <strong> podkreśla ważność (zwykle pogrubieniem), nie tło.

Pełne wyjaśnienie:

W HTML do wyróżnienia fragmentu tekstu w sposób semantyczny używa się znacznika <mark>. Jego znaczenie to "zaznaczenie/zakreślenie" treści istotnej w danym kontekście, często jak markerem. Przeglądarki zwykle renderują ten element jako tekst na żółtym tle, dzięki czemu efekt jest natychmiast widoczny bez dodatkowego CSS.

Pozostałe odpowiedzi dotyczą innych sytuacji:

  • <del> opisuje fragment, który został usunięty (np. w porównaniu wersji tekstu). Domyślna prezentacja to często przekreślenie, a nie podświetlenie tłem.
  • <small> służy do oznaczenia drobniejszego tekstu (np. dopiski, przypisy, informacje prawne). Zmienia typografię/rozmiar, ale nie jest to mechanizm "żółtego tła".
  • <strong> nadaje większą wagę/istotność treści (semantyka "strong importance"). Typowo jest to renderowane jako pogrubienie, jednak nie oznacza podświetlania tła; kolor i tło należą raczej do stylowania CSS.

Na egzaminie warto zapamiętać prostą regułę: <mark> = podświetlenie (highlight), <strong> = ważność, <del> = usunięcie, <small> = drobny druk. Jeśli pytanie mówi wprost o "żółtym tle", zwykle chodzi o domyślne zachowanie przeglądarki dla <mark>.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to jest znacznik <mark> w HTML?
Znacznik <mark> służy do semantycznego zaznaczenia fragmentu tekstu jako "podświetlonego" w danym kontekście (np. trafienia wyszukiwania). Domyślnie wiele przeglądarek wyświetla go z żółtym tłem, ale dokładny wygląd może zmienić CSS.
Dlaczego <mark> często ma żółte tło bez CSS?
To efekt domyślnego stylu przeglądarki (user agent stylesheet). Przeglądarka nadaje elementowi <mark> wyróżniający wygląd, aby użytkownik od razu widział zaznaczenie. W projektach produkcyjnych wygląd można ujednolicić regułami CSS.
Jakie jest zastosowanie <del> w tekście HTML?
Znacznik <del> oznacza treść usuniętą (np. w historii zmian lub w porównaniu wersji). Przeglądarki zwykle renderują go jako przekreślenie. Nie służy do podświetlania tłem, tylko do przekazania informacji, że dany fragment nie jest już aktualny.
Co robi znacznik <small> i kiedy się go używa?
<small> służy do oznaczania "drobnego druku" lub mniej istotnych dopisków (np. przypisy, informacje prawne, adnotacje). Najczęściej zmniejsza rozmiar tekstu. To nie jest narzędzie do zaznaczania ważnych fragmentów przez tło, jak w przypadku <mark>.
Czy <strong> to to samo co pogrubienie tekstu?
Nie do końca. <strong> niesie znaczenie semantyczne: informuje, że treść jest szczególnie ważna. Domyślnie bywa renderowany jako pogrubienie, ale to tylko typowa prezentacja. Jeśli celem jest efekt "żółtego tła", właściwszy jest <mark> lub CSS.
Jak w CSS zmienić kolor tła dla <mark>?
Możesz ostylować element selektorem mark, np. ustawić inne tło i kolor tekstu. Idea jest taka: <mark> opisuje, że tekst jest wyróżniony, a CSS decyduje o wyglądzie. Dzięki temu podświetlenie jest spójne z identyfikacją wizualną projektu.
Kiedy lepiej użyć <mark> zamiast <span>?
<mark> wybieraj, gdy chcesz przekazać znaczenie "zaznaczenia" (np. wynik wyszukiwania, ważny fragment w cytacie). <span> to element neutralny, używany głównie do stylowania bez dodatkowej semantyki. Na egzaminie często chodzi o rozróżnienie semantyki od prezentacji.
Czy <mark> jest poprawny w treściach multimedialnych i opisach zdjęć?
Tak, jeśli ma sens informacyjny: możesz nim zaznaczyć kluczowe słowa w opisie galerii, parametry techniczne lub ważne uwagi do projektu. Ważne, by nie nadużywać podświetleń, bo tracą wartość. Semantyka <mark> pomaga też w czytelności treści.
Jakie błędy najczęściej popełnia się przy doborze znaczników tekstu w HTML?
Częsty błąd to wybór znacznika po wyglądzie zamiast po znaczeniu: np. użycie <strong> do "żółtego tła" albo <del> do zwykłego wyróżnienia. Drugi błąd to zastępowanie semantyki samym <span> i stylem, mimo że istnieje właściwy znacznik.
Jak rozpoznać w zadaniu egzaminacyjnym, że chodzi o <mark>?
Wskazówką są sformułowania typu: "podświetlenie", "zaznaczenie", "żółte tło", "highlight", "wyróżnienie jak markerem" lub "trafienia wyszukiwania". Wtedy najbardziej pasuje <mark>. Gdy mowa o usunięciu treści, pojawi się raczej <del>.
info

Około 84% zdających odpowiada poprawnie na to pytanie. średnio łatwe

Eksperci podkreślają: "Znacznik &lt;mark&gt; w HTML służy do semantycznego zaznaczenia fragmentu tekstu jako "podświetlonego" (domyślnie przeglądarki pokazują go na żółtym tle)."

Źródła:

  • MDN Web Docs: "&lt;mark&gt;: The Mark Text element" — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/mark (dostęp: 2026-02-27)
  • WHATWG HTML Living Standard: sekcja dotycząca elementu "mark" — https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-mark-element (dostęp: 2026-02-27)
  • W3C Recommendation: HTML 5.2 — rozdział o elementach text-level semantics (m.in. mark/del/small/strong) — https://www.w3.org/TR/html52/textlevel-semantics.html (dostęp: 2026-02-27)

Materiały:

  • Dokumentacja HTML (sekcja o znacznikach tekstowych i semantycznych)
  • MDN Web Docs: artykuły o znacznikach tekstu w HTML
  • Ćwiczenia praktyczne: tworzenie krótkiej strony HTML z wyróżnieniami i porównaniem efektów znaczników
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego