Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - STYCZEŃ 2016


W bazie jest mniej pytań spełniających podane kryteria niż wybrano. Wylosowano 39 pytań.
PYTANIE NR 1.
Do grupowania obszarów na poziomie bloków, które będą formatowane za pośrednictwem znacznik: należy użyć
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Znacznik <div> jest uniwersalnym kontenerem blokowym służącym do grupowania elementów na poziomie bloków i nadawania im wspólnego stylu CSS lub obsługi w JS. <span> jest kontenerem liniowym, <p> służy do akapitów, a <param> dotyczy parametrów obiektów osadzanych i nie pełni roli kontenera układu.

Pełne wyjaśnienie:

Do grupowania obszarów na poziomie bloków w HTML stosuje się <div>. Jest to element typu block-level (kontener blokowy), który nie niesie konkretnej semantyki treści, ale pozwala porządkować strukturę dokumentu: łączyć kilka elementów w jeden logiczny "blok", a następnie formatować go CSS (np. marginesy, tło, siatka) lub wybierać w JavaScript (np. przez klasę lub id).

Dlaczego poprawne jest właśnie <div>?

  • To element ogólnego przeznaczenia do grupowania treści.
  • Domyślnie zachowuje się jak blok (zwykle zaczyna się od nowej linii i może mieć szerokość/ wysokość zależną od układu).
  • Jest powszechnie używany jako "wrapper" lub kontener dla sekcji interfejsu.

Dlaczego pozostałe odpowiedzi są niepoprawne?

  • <p> reprezentuje akapit. To też element blokowy, ale ma określone znaczenie semantyczne (tekstowy akapit) i nie powinien być używany jako ogólny kontener do grupowania dowolnych obszarów interfejsu.
  • <span> to kontener liniowy (inline) – służy do obejmowania fragmentu tekstu lub elementów w linii, np. aby nadać styl pojedynczemu słowu. Nie jest typowym narzędziem do grupowania "obszarów" w układzie blokowym.
  • <param> jest elementem związanym z przekazywaniem parametrów do osadzanych obiektów (historycznie dla elementów typu <object>). Nie służy do budowania struktury layoutu ani grupowania bloków treści strony.

Wskazówka egzaminacyjna: jeśli pytanie mówi o "grupowaniu obszarów" i formatowaniu CSS na poziomie bloków, najczęściej chodzi o <div>. Gdy mowa o wyróżnieniu fragmentu w tekście (w linii), wtedy typowym wyborem jest <span>.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to jest znacznik <div> w HTML?
Znacznik <div> to uniwersalny kontener blokowy do grupowania elementów strony. Sam z siebie nie opisuje znaczenia treści, ale ułatwia nadawanie stylów CSS (np. tło, odstępy, układ) oraz wybieranie fragmentów w JavaScript przez class lub id.
Dlaczego <div> uznaje się za element blokowy?
<div> jest elementem blokowym, bo domyślnie uczestniczy w układzie jako "blok" (zwykle zaczyna się od nowej linii i może obejmować całą dostępną szerokość). Dzięki temu nadaje się do wydzielania sekcji interfejsu, które potem pozycjonuje się i styluje w CSS.
Jaka jest różnica między <div> a <span>?
<div> jest kontenerem blokowym do grupowania większych obszarów (sekcji) strony, a <span> jest kontenerem liniowym do wyróżniania małych fragmentów w tekście (np. jednego słowa). Różnią się więc domyślnym zachowaniem w układzie oraz typowym zastosowaniem.
Czy <p> można używać zamiast <div> do grupowania?
Zwykle nie. <p> ma znaczenie semantyczne: oznacza akapit tekstu. Używanie go jako "pustego kontenera" do layoutu pogarsza semantykę i może utrudniać stylowanie oraz dostępność. Do ogólnego grupowania elementów bez semantyki lepiej pasuje <div>.
Co oznacza grupowanie elementów na poziomie bloków?
Chodzi o łączenie kilku elementów w jeden większy blok interfejsu (np. karta produktu, panel boczny, sekcja formularza), aby można było nadać wspólne style i zachowanie. Najczęściej robi się to kontenerem blokowym (<div>), a potem stosuje selektory CSS i klasy.
Kiedy lepiej użyć elementu semantycznego zamiast <div>?
Gdy znasz znaczenie fragmentu strony, lepiej użyć elementów semantycznych (np. nagłówek, nawigacja, sekcja treści), bo poprawia to czytelność kodu i dostępność. <div> jest dobry, gdy potrzebujesz kontenera technicznego do stylowania, a brak jest właściwego elementu semantycznego.
Dlaczego <param> nie służy do budowy układu strony?
<param> jest elementem przeznaczonym do definiowania parametrów dla osadzanych obiektów (historycznie w kontekście <object>). Nie jest kontenerem treści i nie wpływa na grupowanie obszarów layoutu w typowy sposób, dlatego nie używa się go do formatowania sekcji strony.
Jakie są typowe zastosowania <div> w CSS?
Najczęściej <div> służy jako "wrapper" lub "container" dla sekcji, którym nadaje się: tło, obramowanie, marginesy i padding, siatkę (grid), układ elastyczny (flex), szerokość, wyrównanie, responsywność. W praktyce <div> często łączy się z klasami opisującymi rolę bloku.
Jakie błędy najczęściej robi się przy wyborze <div> i <span>?
Częsty błąd to używanie <span> do opakowania dużych fragmentów layoutu, co komplikuje stylowanie (bo to inline). Drugi błąd to nadużywanie <div> wszędzie, także tam, gdzie pasuje element semantyczny. Na egzaminie zwracaj uwagę na słowa "blokowy" i "liniowy".
Jak rozpoznać w zadaniu, że chodzi o <div>?
Jeśli w treści pojawia się "grupowanie obszarów", "kontener", "formatowanie bloków" albo potrzeba objęcia wielu elementów jedną klasą dla CSS/JS, to zwykle chodzi o <div>. Gdy mowa o fragmencie tekstu w jednej linii, częściej pasuje <span>.
info

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

Specjaliści zwracają uwagę: "Znacznik &lt;div&gt; jest uniwersalnym kontenerem blokowym służącym do grupowania elementów na poziomie bloków i nadawania im wspólnego stylu CSS lub obsługi w JS."

Źródła:

  • WHATWG HTML Living Standard – element div: https://html.spec.whatwg.org/multipage/grouping-content.html#the-div-element (dostęp 2026-02-28)
  • WHATWG HTML Living Standard – element span: https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-span-element (dostęp 2026-02-28)
  • WHATWG HTML Living Standard – element p: https://html.spec.whatwg.org/multipage/grouping-content.html#the-p-element (dostęp 2026-02-28)

Materiały:

  • Dokumentacja HTML (specyfikacja WHATWG) – sekcje o &lt;div&gt;, &lt;span&gt;, &lt;p&gt;, &lt;param&gt;
  • MDN Web Docs – opisy elementów HTML i różnice block/inline
  • Ćwiczenia praktyczne: tworzenie prostych layoutów (nagłówek/treść/stopka) z użyciem kontenerów i CSS
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego