KWALIFIKACJA INF3 - CZERWIEC 2016

PYTANIE NR 2.
W kodzie HTML zapisano w bloku tekst formatowany pewnym stylem. Aby wtrącić wewnątrz tego tekstu kilka słów formatowanych innym stylem, należy zastosować znacznik
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
<span> to neutralny semantycznie element liniowy (inline), używany do opakowania krótkiego fragmentu tekstu wewnątrz większego bloku (np. akapitu), aby nadać mu inny styl CSS. Pozostałe znaczniki służą do innych celów: <hr> tworzy linię, <table> tabelę, a <section> wydziela sekcję (blok).

Pełne wyjaśnienie:

W HTML, gdy trzeba wyróżnić tylko fragment już istniejącego tekstu (kilka słów w zdaniu) i nadać mu inny wygląd w CSS, stosuje się element <span>. Jest to element liniowy (inline), więc nie rozrywa akapitu na osobne bloki i nie wprowadza nowej struktury dokumentu. Najczęściej używa się go wraz z atrybutem class (lub rzadziej style), aby selektywnie zmienić kolor, krój pisma, podkreślenie czy tło tylko dla wskazanego fragmentu.

Dlaczego pozostałe odpowiedzi nie pasują?

  • <hr> wstawia poziomą linię oddzielającą treści. To element o konkretnym znaczeniu (separator tematyczny) i nie służy do "opakowania" słów w środku zdania.
  • <table> służy do prezentowania danych tabelarycznych (wiersze, kolumny). Użycie go do kilku słów w akapicie byłoby błędem semantycznym i praktycznie niszczyłoby strukturę oraz dostępność.
  • <section> jest elementem blokowym do wydzielania sekcji dokumentu (części strony) i zwykle zawiera nagłówek oraz powiązaną treść. Nie jest przeznaczony do formatowania krótkiego fragmentu tekstu w środku zdania.

Wskazówka egzaminacyjna: jeśli pytanie mówi o "kilku słowach wewnątrz tekstu", najczęściej chodzi o element inline: <span> (neutralny) lub <em>/<strong> (gdy dodatkowo ma znaczenie semantyczne). Gdy mowa o całych blokach/sekcjach, wtedy rozważa się elementy blokowe, np. <div> lub <section>.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Znacznik <span> to neutralny element liniowy (inline), używany do opakowania krótkiego fragmentu tekstu w środku innego elementu (np. akapitu), aby nadać mu styl CSS lub identyfikator.
Najczęściej używa się <span> z klasą, np. class, bo jest to element inline i nie tworzy nowej linii. Dzięki temu zmieniasz kolor, tło lub krój pisma tylko dla kilku słów, bez wpływu na resztę akapitu.
<section> to element strukturalny, zwykle blokowy, służący do wydzielania części dokumentu (sekcji tematycznej). Użycie go do kilku słów w zdaniu jest błędem semantycznym i może pogorszyć strukturę dokumentu oraz dostępność.
Nie. <hr> wstawia separator tematyczny (poziomą linię) pomiędzy częściami treści. Nie "obejmuje" tekstu i nie służy do stylowania słów w środku zdania. Do tego stosuje się zwykle <span>.
Użyj <span>, gdy zmieniasz styl fragmentu w linii (kilka słów). Użyj <div>, gdy potrzebujesz opakować większy blok (np. kilka elementów) i kontrolować układ. Różnica to głównie inline vs blok.
Najczęściej spotkasz class (do stylowania w CSS) oraz id (gdy element ma być unikalnie identyfikowany). Czasem używa się też atrybutów data-* do przechowywania danych dla JavaScript.
Technicznie przeglądarka może wyrenderować wiele konstrukcji, ale semantycznie <table> służy do danych tabelarycznych. Używanie tabel do zwykłego formatowania tekstu jest złą praktyką, utrudnia responsywność i dostępność. Do fragmentu tekstu użyj <span>.
Element inline (np. <span>) nie zaczyna nowej linii i dotyczy fragmentu w zdaniu. Element blokowy (np. <section>) zwykle zaczyna nową linię i grupuje większą część treści. W pytaniach szukaj słów: "kilka słów" vs "sekcja/blok".
Częsty błąd to wybieranie elementu strukturalnego (<section>) tylko dlatego, że "też można go ostylować". Na egzaminie liczy się właściwa semantyka: do krótkiego fragmentu tekstu użyj <span>, a <section> zostaw do wydzielania części dokumentu.
Klasy CSS ułatwiają utrzymanie kodu: jeden zapis stylu w arkuszu można stosować wielokrotnie, a zmiana wygląda w jednym miejscu. Atrybut style miesza treść z prezentacją, utrudnia modyfikacje i bywa źródłem niespójności w większych projektach.
info

Statystycznie 82% uczniów zna prawidłową odpowiedź. średnio łatwe

Eksperci podkreślają: "&lt;span&gt; to neutralny semantycznie element liniowy (inline), używany do opakowania krótkiego fragmentu tekstu wewnątrz większego bloku (np. akapitu), aby nadać mu inny styl CSS."

Źródła:

  • MDN Web Docs: "&lt;span&gt;: The Content Span element" — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span (dostęp: 2026-03-01)
  • MDN Web Docs: "&lt;hr&gt;: The Thematic Break (Horizontal Rule) element" — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr (dostęp: 2026-03-01)
  • MDN Web Docs: "&lt;section&gt;: The Generic Section element" — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja MDN: HTML &lt;span&gt; i model inline/block
  • Specyfikacja HTML (WHATWG): definicje elementów i modeli treści
  • Kurs podstaw HTML+CSS (rozdział o selektorach i klasach)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego