KWALIFIKACJA INF3 - CZERWIEC 2020

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 preformatowanego, czyli z zachowaniem spacji, tabulatorów i znaków nowej linii. Przeglądarki domyślnie renderują taki blok czcionką o stałej szerokości (monospace), co ułatwia pokazywanie kodu lub danych w kolumnach.

Pełne wyjaśnienie:

Element <pre> w HTML oznacza preformatowany tekst. Jego kluczową cechą jest to, że przeglądarka zachowuje białe znaki (spacje, tabulatory) oraz podziały na linie dokładnie tak, jak zostały wpisane w dokumencie. W praktyce sprawia to, że układ tekstu (wcięcia, wyrównania, "kolumny" zrobione spacjami) pozostaje czytelny.

Dlatego poprawna jest odpowiedź "treści czcionką o stałej szerokości." — w typowych ustawieniach przeglądarki <pre> jest renderowany fontem monospace, aby znaki miały równą szerokość i aby układ wynikający ze spacji był stabilny. Warto pamiętać, że najważniejsze jest zachowanie formatowania; monospace jest domyślną, praktyczną konsekwencją.

Pozostałe odpowiedzi są błędne, bo nie opisują funkcji <pre>:

  • "znaku wielokropka." — wielokropek nie jest celem użycia <pre>; do znaków specjalnych używa się zwykłego tekstu lub encji, a do skracania tekstu częściej stosuje się CSS (np. obcinanie z wielokropkiem).
  • "treści polską czcionką." — HTML nie ma pojęcia "polskiej czcionki" jako funkcji znacznika; dobór kroju pisma zależy od CSS i dostępnych fontów.
  • "znaku przekreślenia." — przekreślenie tekstu realizuje się innymi elementami lub stylami (np. semantycznie przez <del>), a <pre> nie służy do takiego efektu.

Wskazówka egzaminacyjna: jeśli w pytaniu pojawia się <pre>, myśl o "preformatted" i o tym, że zachowuje wcięcia oraz nowe linie, co jest szczególnie przydatne przy prezentacji kodu, logów i danych tekstowych.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
<pre> to element HTML do wyświetlania tekstu preformatowanego. Przeglądarka zachowuje spacje, tabulatory i znaki nowej linii, dzięki czemu układ wpisany w kodzie źródłowym pozostaje widoczny. Domyślnie tekst jest często renderowany czcionką monospace.
Najczęściej używa się <pre> do prezentacji fragmentów kodu, logów lub danych w kolumnach, gdzie liczą się wcięcia i dokładne łamanie linii. Dzięki zachowaniu białych znaków wynik wygląda tak samo jak w pliku tekstowym.
Czcionka monospace ułatwia czytanie tekstu, w którym znaczenie mają wyrównania i liczba znaków w wierszu (np. kod, tabele ASCII). To typowe ustawienie domyślne przeglądarek dla <pre>, choć ostateczny wygląd można zmienić w CSS.
W <pre> przeglądarka nie "zwija" kolejnych spacji do jednej i nie usuwa końców linii tak jak w zwykłym tekście HTML. Dzięki temu wcięcia, tabulatory i ręczne łamanie linii są zachowane, co jest kluczowe w treściach technicznych.
Nie. <code> oznacza fragment kodu (semantyka), ale nie musi zachowywać układu i wcięć. <pre> odpowiada za preformatowanie i zachowanie białych znaków. W praktyce często łączy się je razem: <pre><code>...</code></pre>.
Częsty błąd to traktowanie <pre> jako "stylu" do samej czcionki, a nie jako mechanizmu zachowania formatowania. Innym błędem jest wklejanie kodu bez encji HTML, co może powodować interpretację znaczników zamiast ich wyświetlenia.
Gdy tekst ma się responsywnie zawijać i dopasowywać do szerokości ekranu, <pre> może powodować poziome przewijanie. W takich przypadkach lepszy bywa zwykły tekst z CSS albo komponenty do prezentacji kodu z kontrolą łamania linii.
Wygląd <pre> kontroluje się jak każdy element: np. przez font-family, font-size, background, padding czy overflow. Przykładowo można ustawić przewijanie: overflow: auto;, aby długie linie nie psuły układu strony.
Przeglądarka zachowuje znaki białe, które faktycznie znajdują się w HTML (spacje, tabulatory, nowe linie). Różnice mogą wynikać z tego, jak edytor zapisuje tabulatory (np. zamiana na spacje) oraz z ustawień CSS, które mogą wpływać na prezentację.
Ucz się funkcji elementów przez ich semantykę i typowe zastosowanie: <pre> = preformatowanie i zachowanie białych znaków. Dobrą metodą jest wykonanie krótkich testów w przeglądarce: porównaj ten sam tekst w <p> i w <pre> i zobacz różnice.
info

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

Eksperci podkreślają: "Znacznik &lt;pre&gt; służy do prezentacji tekstu preformatowanego, czyli z zachowaniem spacji, tabulatorów i znaków nowej linii."

Źródła:

  • MDN Web Docs: "&lt;pre&gt;: The Preformatted Text element" (opis i zachowanie białych znaków) https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre - dostęp 2026-02-27
  • WHATWG HTML Living Standard: sekcja dotycząca elementu "The pre element" https://html.spec.whatwg.org/multipage/grouping-content.html#the-pre-element - dostęp 2026-02-27
  • W3C: HTML 5.2 Recommendation (opis elementu pre) https://www.w3.org/TR/html52/grouping-content.html#the-pre-element - dostęp 2026-02-27

Materiały:

  • Dokumentacja MDN Web Docs: opis elementu &lt;pre&gt; i przykłady użycia
  • Specyfikacja HTML (WHATWG): definicja elementu &lt;pre&gt;
  • Ćwiczenia praktyczne: porównanie renderowania tekstu w &lt;p&gt; i &lt;pre&gt; w przeglądarce

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego