KWALIFIKACJA INF3 - CZERWIEC 2019

PYTANIE NR 2.
Znacznik języka HTML, który służy do oznaczenia fragmentu tekstu jako kodu komputerowego, to
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Znacznik <code> służy do semantycznego oznaczania fragmentu tekstu jako kodu komputerowego (np. nazwy funkcji, polecenia, krótkie fragmenty kodu).
Tag <span> jest neutralnym kontenerem inline, <em> oznacza emfatyczne wyróżnienie, a <blockquote> służy do cytatów blokowych.

Pełne wyjaśnienie:

W HTML do oznaczania fragmentu tekstu jako kodu komputerowego używa się elementu <code>. Jego rola jest semantyczna: informuje przeglądarkę, narzędzia dostępności i inne systemy (np. indeksujące), że dany fragment jest kodem, nazwą elementu programu, poleceniem, zmienną lub inną treścią "kodową". Najczęściej jest to krótki fragment wpleciony w zdanie, np. Użyj <code>console.log()</code> do debugowania.

Dlaczego pozostałe odpowiedzi są niepoprawne:

  • <span> – to ogólny, niesemantyczny kontener inline. Stosuje się go głównie do objęcia tekstu w celu nadania stylu CSS lub dodania atrybutów (np. klas). Sam w sobie nie oznacza "kodu".
  • <em> – oznacza emfazę, czyli wyróżnienie znaczeniowe (zwykle renderowane jako kursywa). Nie jest przeznaczony do zapisu kodu, tylko do podkreślenia ważności fragmentu wypowiedzi.
  • <blockquote> – służy do oznaczania dłuższych cytatów blokowych. Jest to element blokowy dla przytoczeń, a nie dla kodu komputerowego. Do prezentacji większych bloków kodu często używa się <pre> wraz z <code>, ale samo <blockquote> dotyczy cytowania wypowiedzi.

Wskazówka egzaminacyjna: jeśli pytanie dotyczy "oznaczenia tekstu jako kodu", szukaj odpowiedzi związanej z semantyką programistyczną (np. <code>), a nie ogólnych kontenerów (<span>) ani znaczników wyróżnienia treści (<em>).

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Znacznik <code> semantycznie oznacza fragment tekstu jako kod komputerowy (np. nazwę funkcji, polecenie, składnię). Dzięki temu treść jest poprawniej interpretowana przez czytniki ekranu i może być spójnie stylowana w CSS.
<span> to neutralny kontener inline bez znaczenia semantycznego. Używa się go głównie do stylowania (klasy, identyfikatory) lub dodania atrybutów. Nie informuje, że tekst jest kodem, więc nie zastępuje <code>.
<em> służy do emfazy, czyli wyróżnienia znaczenia fragmentu wypowiedzi (często wyświetlane jako kursywa). To nie jest znacznik "programistyczny". Kod powinien być oznaczany <code>, a nie tagami do akcentowania treści.
<blockquote> stosuje się, gdy wstawiasz dłuższy cytat (np. fragment artykułu lub wypowiedzi) jako element blokowy. <code> używa się do treści będącej kodem. To różne znaczenia: cytowanie vs zapis składni/komend.
Do dłuższych bloków kodu zwykle łączy się <pre> (zachowuje białe znaki i nowe linie) oraz <code> (semantyka kodu), np. <pre><code>...</code></pre>.
<code> jest elementem inline, czyli naturalnie działa w obrębie akapitu i nie łamie układu na nową linię jak elementy blokowe. Do bloków kodu używa się zwykle dodatkowo <pre>.
Częsty błąd to wybór <span> "bo można ostylować", albo <em> "bo wygląda jak kod". Na egzaminie liczy się semantyka HTML: <code> opisuje znaczenie treści jako kodu, a nie tylko wygląd.
Przeglądarki zwykle domyślnie renderują <code> czcionką o stałej szerokości, ale to szczegół prezentacji. Najważniejsze jest znaczenie semantyczne. Finalny wygląd najlepiej kontrolować przez CSS.
Semantyczne tagi (np. <code>, <em>) niosą znaczenie treści. Uniwersalne kontenery (<div>, <span>) same nic nie mówią o sensie tekstu, służą głównie do struktury i stylowania. W pytaniach testowych zwykle chodzi o semantykę.
Ucz się grupami: znaczniki tekstowe (<code>, <em>), strukturalne (<section>, <article>), listy i tabele. Rób krótkie przykłady i opisuj "po co" jest tag. Na egzaminie często sprawdza się właściwe przeznaczenie elementu.
info

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

Źródła:

  • MDN Web Docs: "<code>: The Inline Code element" https://developer.mozilla.org/en-US/docs/Web/HTML/Element/code - accessed 2026-02-18
  • MDN Web Docs: "<span>: The Content Span element" https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span - accessed 2026-02-18
  • MDN Web Docs: "<em>: The Emphasis element" https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em - accessed 2026-02-18

Materiały:

  • Dokumentacja MDN Web Docs: HTML &lt;code&gt;, &lt;span&gt;, &lt;em&gt;, &lt;blockquote&gt;
  • Specyfikacja HTML Living Standard (WHATWG) – sekcje opisujące elementy tekstowe
  • Ćwiczenia: tworzenie krótkiej strony z opisem poleceń terminala z użyciem &lt;code&gt; i &lt;pre&gt;

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego