Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - CZERWIEC 2023



PYTANIE NR 2.
Znacznik <pre> </pre> jest stosowany w celu wyświetlenia
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Znacznik <pre> służy do prezentacji tekstu w formie preformatowanej, czyli z zachowaniem spacji, tabulatorów i podziałów wierszy tak, jak zapisano je w kodzie. W praktyce przeglądarki zwykle renderują taki blok czcionką o stałej szerokości, co ułatwia czytanie np. kodu.

Pełne wyjaśnienie:

Element <pre> w HTML jest przeznaczony do wyświetlania tekstu preformatowanego. Oznacza to, że przeglądarka zachowuje białe znaki (wiele spacji), tabulatory oraz znaki nowej linii w sposób zbliżony do tego, jak zostały wpisane w kodzie źródłowym. Dzięki temu można łatwo pokazać układ, wcięcia i wyrównania.

Odpowiedź "treści czcionką o stałej szerokości." jest uzasadniona tym, że treść w <pre> jest w praktyce często renderowana domyślnie czcionką stałoszerokościową (monospace), co jest typowe dla prezentacji kodu i danych o stałym układzie.

Dlaczego pozostałe odpowiedzi są niepoprawne:

  • "znaku wielokropka." – wielokropek jest znakiem interpunkcyjnym i nie wymaga do wyświetlenia specjalnego znacznika; <pre> nie służy do wstawiania pojedynczych symboli.
  • "treści polską czcionką." – dobór "polskiej czcionki" lub obsługa polskich znaków zależą od kodowania (np. UTF-8) i fontów/CSS, a nie od zastosowania <pre>.
  • "znaku przekreślenia." – przekreślenie tekstu realizuje się innymi mechanizmami (np. CSS lub dedykowane znaczniki), a <pre> dotyczy formatu i zachowania białych znaków, nie dekoracji typu skreślenie.

Wskazówka egzaminacyjna: jeśli w pytaniu pojawia się <pre>, myśl o preformatowaniu i "blokach podobnych do kodu" (wcięcia, łamanie linii, stały układ), a nie o pojedynczych znakach czy języku czcionki.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to jest znacznik <pre> w HTML?
Znacznik <pre> oznacza blok tekstu preformatowanego. Przeglądarka zachowuje w nim białe znaki (np. wiele spacji), tabulatory i znaki nowej linii, dzięki czemu układ tekstu pozostaje taki jak w źródle.
Dlaczego w <pre> tekst zwykle wygląda jak kod?
Wiele przeglądarek stosuje dla <pre> domyślnie czcionkę stałoszerokościową, bo taki zapis najczęściej służy do prezentacji kodu, logów lub danych o stałym układzie. Najważniejsze jest jednak zachowanie spacji i łamań wierszy.
Jakie białe znaki zachowuje <pre>?
W <pre> zachowywane są m.in. wielokrotne spacje, tabulatory oraz znaki nowej linii. To odróżnia go od zwykłych akapitów, gdzie HTML zwykle "zlepia" wiele spacji do jednej i łamie wiersze według szerokości okna.
Jaką jest różnica między <p> a <pre>?
<p> służy do zwykłych akapitów i nie zachowuje wiernie układu spacji/enterów (przeglądarka normalizuje odstępy). <pre> zachowuje układ wpisany w źródle, więc nadaje się do treści, gdzie format (wcięcia i linie) ma znaczenie.
Czy <pre> służy do wyświetlania wielokropka?
Nie. Wielokropek to zwykły znak interpunkcyjny (… lub trzy kropki) i nie wymaga do tego specjalnego elementu. <pre> dotyczy sposobu prezentacji całego bloku tekstu, a nie wstawiania pojedynczych symboli.
Czy <pre> ustawia "polską czcionkę" lub polskie znaki?
Nie. Obsługa polskich znaków zależy od kodowania dokumentu (najczęściej UTF-8) oraz dostępnych fontów. <pre> nie "polonizuje" czcionki; jego rola to zachowanie formatowania (spacje, tabulatory, nowe linie).
Kiedy stosuje się <pre> na stronie internetowej?
<pre> stosuje się, gdy ważny jest dokładny układ tekstu: przykłady kodu, fragmenty konfiguracji, logi, dane tabelaryczne w tekście lub ASCII-art. Dzięki temu wcięcia i przejścia do nowych linii nie "rozjadą się" w przeglądarce.
Jak połączyć <pre> z <code> w praktyce?
Często wstawia się <code> wewnątrz <pre>, aby semantycznie zaznaczyć, że treść jest kodem, a jednocześnie zachować formatowanie bloku. Przykład struktury: <pre><code>...</code></pre>.
Jakie błędy uczniowie robią przy pytaniach o <pre>?
Najczęstsze pomyłki to mylenie <pre> z elementami "ozdobnymi" (skreślenie, podkreślenie) albo traktowanie go jak sposób wstawiania symboli. Warto zapamiętać: <pre> = układ tekstu i zachowanie białych znaków.
Jak szybko rozpoznać na egzaminie, że chodzi o <pre>?
Szukaj skojarzeń: kod, wcięcia, spacje, łamane linie, stały układ. Jeśli pytanie dotyczy wyglądu bloku "jak w edytorze", to zwykle chodzi o <pre>, a nie o pojedyncze znaki czy dekoracje tekstu.
info

To pytanie poprawnie rozwiązuje 80% zdających egzamin. średnio łatwe

W praktyce zawodowej kluczowe jest to, że znacznik &lt;pre&gt; służy do prezentacji tekstu w formie preformatowanej, czyli z zachowaniem spacji, tabulatorów i podziałów wierszy tak, jak zapisano je w kodzie.

Źródła:

  • MDN Web Docs: "&lt;pre&gt;: The Preformatted Text element" https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre - accessed 2026-02-27
  • WHATWG HTML Living Standard: section "The pre element" https://html.spec.whatwg.org/multipage/grouping-content.html#the-pre-element - accessed 2026-02-27
  • W3C (TR): "HTML 5.2" – element pre (Grouping content) https://www.w3.org/TR/html52/grouping-content.html#the-pre-element - accessed 2026-02-27

Materiały:

  • Dokumentacja MDN: element &lt;pre&gt; (HTML)
  • Specyfikacja HTML Living Standard (WHATWG) – sekcja dotycząca &lt;pre&gt;
  • Ćwiczenia praktyczne: porównanie renderowania tekstu w &lt;p&gt; i &lt;pre&gt;
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego