Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - STYCZEŃ 2021



PYTANIE NR 25.
Który znacznik HTML jest elementem blokowym?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Element <p> (akapit) jest domyślnie renderowany jako blok (zwykle display: block), więc zaczyna się od nowej linii i zajmuje całą dostępną szerokość. <span> i <strong> są typowo liniowe, a <img> jest elementem osadzanym, który domyślnie zachowuje się jak element liniowy.

Pełne wyjaśnienie:

Poprawna odpowiedź: p.

Znacznik <p> służy do oznaczania akapitu tekstu. W typowym, domyślnym renderowaniu przeglądarki element akapitu jest wyświetlany jako blok (najczęściej odpowiada to właściwości CSS display: block). Oznacza to, że:

  • zaczyna się w nowej linii,
  • zwykle rozciąga się na całą dostępną szerokość,
  • przeglądarki stosują też domyślne marginesy nad i pod akapitem.

Pozostałe odpowiedzi nie pasują do klasycznego rozumienia "elementu blokowego":

  • <span> to element frazowy używany do "opakowania" fragmentu tekstu lub innych elementów liniowych, aby nadać im styl lub ułatwić selekcję. Domyślnie nie łamie linii, więc traktuje się go jako element liniowy.
  • <strong> to element semantyczny podkreślający ważność fragmentu treści (często renderowany jako pogrubienie). Semantyka nie oznacza, że element ma być blokiem; domyślnie pozostaje elementem liniowym i nie zaczyna nowego wiersza.
  • <img> osadza obraz w dokumencie. W praktyce domyślnie zachowuje się jak element w linii (często jak "replaced element"), więc może stać obok tekstu; dopiero CSS (np. ustawienie display: block) może sprawić, że będzie zachowywał się jak blok.

Wskazówka egzaminacyjna: w nowszym podejściu do standardu HTML formalnie nie klasyfikuje się elementów jako "blokowe/liniowe" w definicji języka, ale na egzaminach często chodzi o domyślne zachowanie w przeglądarce. Jeśli pytanie nie wspomina o CSS, przyjmij domyślne style przeglądarek.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co to jest element blokowy w HTML?
W praktyce egzaminacyjnej "element blokowy" to taki, który domyślnie zaczyna się w nowej linii i zajmuje całą dostępną szerokość. Technicznie wynika to zwykle z domyślnego stylu CSS (display: block). W HTML5 częściej mówi się o domyślnym renderowaniu niż o "typie blokowym".
Dlaczego <p> uznaje się za element blokowy?
<p> oznacza akapit. Przeglądarki domyślnie wyświetlają akapity jako oddzielne bloki, aby tekst był czytelny: akapit startuje w nowej linii i ma zwykle margines nad i pod. To odpowiada typowemu ustawieniu CSS display: block dla <p>.
Czy <span> jest elementem blokowym?
Nie. <span> to element frazowy używany do zaznaczenia fragmentu tekstu lub innego elementu liniowego, np. do stylowania klasą. Domyślnie nie łamie linii i nie tworzy "sekcji" układu strony, więc jest traktowany jako element liniowy.
Czy <strong> może być blokiem w HTML?
Domyślnie <strong> jest elementem liniowym i nie tworzy osobnego bloku. Można jednak zmienić jego zachowanie CSS, np. nadając display: block lub display: inline-block. Na testach bez kontekstu CSS przyjmuje się domyślne renderowanie.
Jak zachowuje się <img>: blokowo czy liniowo?
<img> jest elementem osadzanym (wstawia obraz). W typowym układzie może występować "w linii" obok tekstu i nie musi zaczynać nowego wiersza. Jeśli ma zachowywać się jak blok (np. na osobnej linii, wyśrodkowany), zwykle ustawia się to w CSS.
Jak sprawdzić w przeglądarce, czy element jest blokowy?
Najprościej użyć narzędzi deweloperskich (DevTools): zaznaczyć element i sprawdzić w panelu stylów wartość display. Dodatkowo można obserwować układ: element blokowy zwykle zaczyna nową linię i rozciąga się na szerokość kontenera.
Jakie są typowe przykłady elementów blokowych w HTML?
Najczęściej spotkasz m.in. <div>, <p>, <section>, <article>, <header>, <footer> czy nagłówki <h1>–<h6>. Pamiętaj jednak, że w nowoczesnym podejściu to domyślny CSS i semantyka decydują o użyciu, a nie "lista bloków".
Jakie błędy najczęściej robi się w pytaniach o blokowe i liniowe?
Częsty błąd to mylenie semantyki z układem: np. uznanie <strong> za blok, bo "mocno wyróżnia". Drugi błąd to ocenianie po wyglądzie z własnych projektów, gdzie CSS zmienił display. Na egzaminie zakładaj domyślne zachowanie przeglądarki.
Jak CSS wpływa na to, czy element jest blokowy?
CSS może zmienić sposób wyświetlania dowolnego elementu przez właściwość display. Np. element domyślnie liniowy może stać się blokiem (display: block). Dlatego "blokowość" w praktyce to kwestia prezentacji, a nie wyłącznie samego HTML.
Jak przygotować się do pytań o znaczniki HTML na INF.3?
Ucz się w parach: znaczenie semantyczne znacznika (do czego służy) oraz jego typowe zachowanie w przeglądarce (domyślne display). Ćwicz krótkimi przykładami bez CSS i z CSS. Dobrze działa też powtórka z MDN dla najczęstszych elementów.
info

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

Według specjalistów z branży: "Element &lt;p&gt; (akapit) jest domyślnie renderowany jako blok (zwykle display: block), więc zaczyna się od nowej linii i zajmuje całą dostępną szerokość."

Źródła:

  • MDN Web Docs: "&lt;p&gt;: The Paragraph element" (sekcja: Basic rendering / element display), https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p - accessed 2026-03-01
  • MDN Web Docs: "&lt;span&gt;: The Content Span element" (opis elementu inline), https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span - accessed 2026-03-01
  • MDN Web Docs: "&lt;strong&gt;: The Strong Importance element" (charakter elementu tekstowego), https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong - accessed 2026-03-01

Materiały:

  • Dokumentacja MDN o elementach HTML (&lt;p&gt;, &lt;span&gt;, &lt;strong&gt;, &lt;img&gt;)
  • Wprowadzenie do CSS display oraz modelu pudełkowego (box model)
  • Ćwiczenia praktyczne: porównanie zachowania elementów bez CSS i po ustawieniu display
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego