KWALIFIKACJA PGF4 - STYCZEŃ 2023

PYTANIE NR 26.
Wskaż prawidłowy zapis dotyczący tworzenia akapitów tekstu w języku HTML.
</p>Drugi akapit.</p/>
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Poprawny akapit w HTML tworzy się znacznikiem <p>...</p>.
Każdy akapit to osobny element, który trzeba otworzyć i domknąć. Zapis bez tagu zamykającego lub w formie samozamykającej (np. <p/>) jest dla akapitu nieprawidłowy i może skutkować błędnym renderowaniem tekstu.

Pełne wyjaśnienie:

W HTML akapit jest elementem blokowym oznaczanym znacznikiem <p>. Ponieważ nie jest to element pusty, wymaga poprawnej pary tagów: <p>Treść</p>. Jeśli chcesz zapisać dwa akapity, tworzysz dwa niezależne elementy <p> umieszczone jeden po drugim.

Poprawny zapis <p>Pierwszy akapit.</p> oraz <p>Drugi akapit.</p> spełnia kluczowe wymagania: każdy akapit ma własny tag otwierający i własny tag zamykający, a treść znajduje się pomiędzy nimi. Dzięki temu przeglądarka jednoznacznie rozpoznaje granice akapitów i stosuje właściwe odstępy/marginesy.

Typowe błędy pokazane w odpowiedziach niepoprawnych to:

  • Brak zamknięcia (np. powtórzenie <p> zamiast użycia </p>) – powoduje, że struktura dokumentu staje się niepoprawna, a przeglądarka może "naprawiać" kod w sposób nieoczywisty.
  • Samozamykanie <p/> – to nawyk z XML/XHTML. W HTML element akapitu powinien mieć jawne zamknięcie </p>, bo zawiera treść.
  • Niepoprawny tag zamykający typu </p/> – taki zapis nie jest prawidłowym zamknięciem akapitu w HTML i może prowadzić do błędów walidacji.

W praktyce (np. przy tworzeniu stron portfolio, opisów projektów multimedialnych czy treści w CMS) poprawne oznaczanie akapitów ułatwia utrzymanie kodu, poprawia dostępność oraz ogranicza problemy z układem tekstu w różnych przeglądarkach. Dobrą metodą nauki jest uruchomienie walidatora HTML i sprawdzanie, jakie komunikaty pojawiają się przy brakujących lub błędnych tagach zamykających.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Znacznik akapitu to element <p>, który służy do oznaczania fragmentów tekstu jako osobnych akapitów. Przeglądarka zwykle dodaje domyślne odstępy przed i po akapicie, co porządkuje treść i ułatwia czytanie.
Utwórz dwa niezależne elementy: <p>...</p> oraz kolejny <p>...</p>. Każdy akapit musi mieć tag otwierający i zamykający, a treść musi znaleźć się pomiędzy nimi. Nie mieszaj treści poza <p> jeśli to ma być akapit.
Zapis <p/> sugeruje element samozamykający, typowy dla XML/XHTML. Akapit w HTML nie jest elementem pustym, bo zawiera tekst, więc powinien mieć poprawne zamknięcie </p>. Samozamykanie może dać błędy walidacji i nieprzewidywalny wynik.
Często przeglądarki próbują automatycznie korygować błędy, ale robią to według własnych reguł parsowania. Skutek może wyglądać poprawnie w jednym miejscu, a w innym zepsuć układ lub style. Na egzaminie i w praktyce zakłada się poprawną składnię: <p>...</p>.
Najczęstsze pomyłki to: brak ukośnika w tagu zamykającym (pisanie <p> zamiast </p>), używanie <p/> z przyzwyczajenia do XML, oraz mieszanie łamań linii (<br>) z akapitami. Akapit to osobny element, a nie tylko nowa linia.
<br> wstawia pojedyncze przełamanie wiersza, bez znaczenia semantycznego "akapit". <p> oznacza logiczny akapit tekstu i jest elementem blokowym. W typowych opisach i treściach stosuje się <p>, a <br> raczej do łamań w obrębie tej samej myśli.
Kilka akapitów stosuje się, gdy tekst składa się z oddzielnych myśli lub sekcji, np. opis projektu, zakres prac, użyte narzędzia, wnioski. Dzięki temu treść jest czytelniejsza, łatwiejsza do stylowania w CSS i bardziej dostępna dla czytników ekranu.
Wklej kod do walidatora HTML i sprawdź komunikaty o błędach (np. niezamknięte tagi). Dodatkowo uruchom stronę w przeglądarce i sprawdź w narzędziach deweloperskich (Inspektor), jak zbudowało się drzewo DOM dla elementów <p>.
Nie, akapitów nie zagnieżdża się w innych akapitach. Jeśli potrzebujesz dodatkowej struktury w środku, użyj elementów dozwolonych w treści akapitu (np. <strong>, <em>, <a>), a dla podziału na bloki użyj osobnych <p> albo innych elementów blokowych.
Ćwicz na krótkich przykładach: nagłówki, akapity, linki, listy. Zwracaj uwagę na pary tagów otwierających i zamykających oraz na elementy samozamykające. Pomaga też nauka przez walidację: celowo wprowadź błąd w <p> i zobacz, jaki komunikat zgłosi narzędzie.
info

Około 74% zdających odpowiada poprawnie na to pytanie. średnio łatwe

W praktyce zawodowej kluczowe jest to, że poprawny akapit w HTML tworzy się znacznikiem &lt;p&gt;...&lt;/p&gt;.Każdy akapit to osobny element, który trzeba otworzyć i domknąć.

Źródła:

  • MDN Web Docs: "&lt;p&gt;: The Paragraph element" https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p - accessed 2026-03-02
  • WHATWG HTML Living Standard: "The p element" https://html.spec.whatwg.org/multipage/grouping-content.html#the-p-element - accessed 2026-03-02
  • W3C: "HTML 5.2 - 4.4.1 The p element" https://www.w3.org/TR/html52/grouping-content.html#the-p-element - accessed 2026-03-02

Materiały:

  • Dokumentacja MDN o elemencie &lt;p&gt; (HTML)
  • Specyfikacja HTML (sekcja dotycząca elementu akapitu)
  • Ćwiczenia z walidatorem HTML (sprawdzanie błędów składni)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego