KWALIFIKACJA PGF4 - STYCZEŃ 2021

PYTANIE NR 27.
Wskaż znacznik umożliwiający pozycjonowanie względem siebie bloków zawartości w obrębie strony www.
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Znacznik <div> jest ogólnym kontenerem blokowym, używanym do grupowania elementów w logiczne "bloki" strony i do nadawania im klas/ID pod stylowanie CSS. <br> wstawia łamanie linii, <b> pogrubia tekst, a <img> osadza obraz – nie służą do tworzenia bloków zawartości.

Pełne wyjaśnienie:

W HTML znacznik <div> pełni rolę uniwersalnego kontenera. Używa się go do wydzielania fragmentów dokumentu w postaci bloków (sekcji), które można następnie wspólnie stylować i układać, np. przez przypisanie class lub id i zastosowanie reguł CSS. Sam <div> nie "pozycjonuje" automatycznie elementów, ale umożliwia sensowne grupowanie i przygotowuje strukturę pod układ strony.

Dlaczego pozostałe odpowiedzi nie pasują?

  • <br> wstawia pojedyncze złamanie linii w tekście. To narzędzie do składu tekstu, a nie do budowania bloków sekcji strony.
  • <b> służy do wyróżnienia fragmentu tekstu (pogrubienia) i jest elementem liniowym. Nie tworzy kontenera dla układu bloków treści.
  • <img> osadza obraz w dokumencie. Może być elementem w układzie, ale nie jest znacznikiem przeznaczonym do grupowania i "pozycjonowania względem siebie bloków zawartości".

W praktyce "pozycjonowanie względem siebie" (np. obok siebie, w siatce, wyrównanie) realizuje się regułami CSS, takimi jak flexbox czy grid. Jednak aby takie reguły zastosować do fragmentu strony, zwykle potrzebujesz kontenera — i tu <div> jest najczęściej stosowanym, neutralnym rozwiązaniem (gdy nie wybierasz bardziej semantycznych elementów).

Dodatkowe pytania

Dodatkowe pytania (FAQ):
<div> to uniwersalny kontener (najczęściej blokowy) do grupowania elementów strony. Sam nie nadaje znaczenia semantycznego, ale pozwala zorganizować strukturę dokumentu i wygodnie zastosować CSS (np. przez class lub id).
<div> tworzy "pudełko" na treść, które można stylować i układać z innymi elementami. Układ (np. obok siebie, siatka, wyrównanie) realizuje CSS, ale <div> bywa kontenerem, do którego przypinasz reguły typu display:flex lub display:grid.
<br> wstawia wyłącznie złamanie linii w текście. Nie grupuje elementów i nie tworzy sekcji strony. Nadużywanie <br> do "układu" to częsty błąd; do odstępów i pozycjonowania stosuje się CSS, a do grupowania — kontenery, np. <div>.
<b> służy do wyróżnienia tekstu (pogrubienia) i działa w ramach linii tekstu. Nie jest kontenerem dla sekcji i nie organizuje układu strony. Jeśli chcesz sterować rozmieszczeniem elementów, używasz kontenera (np. <div>) i CSS.
<img> osadza obraz w dokumencie. Może brać udział w układzie (np. da się go stylować w CSS), ale nie jest znacznikiem przeznaczonym do grupowania wielu elementów w jeden blok treści. Do tego służą kontenery, np. <div>.
HTML opisuje strukturę i elementy treści (nagłówki, akapity, kontenery), a CSS odpowiada za wygląd i rozmieszczenie. Jeśli pytanie dotyczy "czym jest element/znacznik", to zwykle HTML; jeśli "jak ustawić obok siebie/wyśrodkować", to zwykle CSS.
Najczęściej: budowa sekcji landing page, opakowanie galerii, kontener na menu, ramka dla modułu w UI, grupowanie elementów w stopce. <div> ułatwia przypisanie klas i przygotowanie pod responsywny układ w CSS.
Gdy możesz użyć bardziej semantycznych elementów, np. <header>, <nav>, <main>, <section>, <footer>. Dają lepsze znaczenie dokumentu. <div> zostaje jako kontener "ogólnego przeznaczenia".
Często myli się elementy do formatowania tekstu z elementami struktury (np. <b> vs kontener). Inny błąd to traktowanie <br> jako narzędzia układu. Warto zapamiętać: kontenery grupują, znaczniki tekstowe formatują, a media osadzają.
Szukaj słów: "blok zawartości", "grupowanie elementów", "kontener", "sekcja", "wydzielenie fragmentu strony". W takich pytaniach poprawną odpowiedzią zwykle jest <div> (albo elementy semantyczne), a nie znaczniki tekstowe typu <b> czy łamanie linii <br>.
info

Statystycznie 65% uczniów zna prawidłową odpowiedź. średnie

Specjaliści zwracają uwagę: "Znacznik &lt;div&gt; jest ogólnym kontenerem blokowym, używanym do grupowania elementów w logiczne "bloki" strony i do nadawania im klas/ID pod stylowanie CSS."

Źródła:

  • WHATWG HTML Living Standard – element: the div element, https://html.spec.whatwg.org/multipage/grouping-content.html#the-div-element (dostęp: 2026-03-01)
  • MDN Web Docs – HTML element &lt;div&gt;, https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div (dostęp: 2026-03-01)
  • MDN Web Docs – HTML elements &lt;br&gt;, &lt;b&gt;, &lt;img&gt; (opisy przeznaczenia elementów), https://developer.mozilla.org/en-US/docs/Web/HTML/Element (dostęp: 2026-03-01)

Materiały:

  • Dokumentacja HTML (specyfikacja WHATWG) – sekcje o elementach grupujących i osadzających
  • MDN Web Docs – artykuły o &lt;div&gt; oraz o modelu pudełkowym i elementach blokowych
  • Kurs podstaw HTML i CSS (rozdział: struktura dokumentu vs układ w CSS)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego