Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA PGF4 - TEST WIEDZY NR 2



PYTANIE NR 36.
<table>
  <tr>
    <th>Nagłówek 1</th>
    <th>Nagłówek 2</th>
  </tr>
  <tr>
    <td>Komórka 1</td>
    <td>Komórka 2</td>
  </tr>
</table>
Na podstawie powyższego fragmentu kodu HTML, co zostanie wyświetlone jako "Nagłówek 1" i "Nagłówek 2"?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Znaczniki <th> definiują komórki nagłówkowe tabeli, a ich treść jest prezentowana jako nagłówki (np. kolumn). W podanym kodzie teksty "Nagłówek 1" i "Nagłówek 2" znajdują się w <th> w pierwszym wierszu, więc będą wyświetlone jako tytuły kolumn tabeli.

Pełne wyjaśnienie:

W tabelach HTML kluczowe jest rozróżnienie komórek danych i komórek nagłówkowych:

  • <td> (table data) zawiera zwykłe dane w komórkach tabeli.
  • <th> (table header) zawiera nagłówki, czyli etykiety opisujące kolumny lub wiersze.

W podanym fragmencie kodu pierwszy wiersz (<tr>) składa się z dwóch komórek <th>: "Nagłówek 1" oraz "Nagłówek 2". Oznacza to, że przeglądarka (i narzędzia interpretujące strukturę dokumentu) potraktują te wartości jako nagłówki, typowo dla kolumn, bo znajdują się w górnym wierszu tabeli.

Dlatego poprawna odpowiedź to: Tytuły kolumn tabeli.

Dlaczego pozostałe odpowiedzi są niepoprawne?

  • Pierwszy wiersz tabeli – to opis położenia w kodzie, ale pytanie dotyczy tego, co zostanie wyświetlone jako "Nagłówek 1" i "Nagłówek 2", czyli jaką pełnią funkcję. Funkcyjnie są nagłówkami kolumn.
  • Pierwsza komórka w każdym wierszu – w kodzie są dwie komórki nagłówkowe w jednym wierszu; nie ma tu reguły "pierwszej komórki każdego wiersza". Dodatkowo nagłówki nie muszą występować w każdej linii.
  • Tytuły stron internetowych – tytuł strony ustala się w sekcji <head> w znaczniku <title>. Komórki <th> nie mają związku z tytułem dokumentu, tylko ze strukturą tabeli.

W praktyce poprawne użycie <th> pomaga w stylowaniu (CSS), w dostępności (czytniki ekranu potrafią skojarzyć komórki danych z nagłówkami) oraz w konwersjach publikacji cyfrowych (np. do PDF/ePUB), gdzie semantyka tabeli ma znaczenie.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co oznacza znacznik <th> w tabeli HTML?
Znacznik <th> oznacza komórkę nagłówkową tabeli. Jego treść pełni rolę etykiety opisującej kolumnę lub wiersz (najczęściej nagłówek kolumny w pierwszym wierszu). Pomaga to w semantyce dokumentu, dostępności i stylowaniu.
Jaka jest różnica między <th> a <td>?
<th> to komórka nagłówka (opis), a <td> to komórka danych (wartości). Nagłówki zwykle znajdują się na górze tabeli lub w pierwszej kolumnie i "nazywają" dane, które występują w pozostałych komórkach.
Dlaczego nagłówki tabeli powinno się robić w <th>, a nie w <td>?
Bo <th> niesie informację semantyczną: przeglądarka i technologie asystujące rozumieją, że to nagłówek. To poprawia dostępność (skojarzenie danych z etykietami) i ułatwia późniejsze przetwarzanie treści, np. przy eksporcie publikacji cyfrowych.
Czy <th> zawsze musi być w pierwszym wierszu tabeli?
Nie. <th> może wystąpić także w pierwszej kolumnie jako nagłówek wierszy lub w innych miejscach, jeśli ma to sens w strukturze tabeli. Najczęstszy układ to nagłówki kolumn w górnym wierszu, ale nie jest to jedyna poprawna możliwość.
Jak przeglądarka zwykle wyświetla tekst w <th>?
Domyślnie przeglądarki często wyróżniają <th> (np. pogrubieniem i wyśrodkowaniem), ale to tylko styl domyślny. Najważniejsza jest rola semantyczna. Wygląd możesz zawsze zmienić w CSS, niezależnie od tego, czy używasz <th> czy <td>.
Jakie błędy najczęściej robi się przy nagłówkach tabel w HTML?
Częsty błąd to użycie <td> zamiast <th> w nagłówkach albo traktowanie "pierwszego wiersza" jako nagłówka bez zmiany znaczników. Inny błąd to mylenie nagłówka tabeli z tytułem strony ustawianym w <title>.
Co to jest <tr> w tabeli HTML i jak się ma do nagłówków?
<tr> oznacza wiersz tabeli. Wiersz może zawierać zarówno komórki nagłówkowe (<th>), jak i komórki danych (<td>). To, czy dany wiersz jest "nagłówkowy", wynika z tego, jakie komórki w nim umieszczono.
Kiedy warto używać <thead> i <tbody> w tabeli HTML?
Warto, gdy tabela jest większa lub ma być łatwiej przetwarzana i stylowana. <thead> grupuje wiersze nagłówkowe, a <tbody> wiersze z danymi. To ułatwia czytanie kodu, stosowanie CSS i bywa pomocne w narzędziach do konwersji publikacji.
Czy nagłówki w <th> wpływają na dostępność tabeli?
Tak. Poprawne użycie <th> pozwala technologiom asystującym lepiej interpretować relacje: które dane dotyczą którego nagłówka. Dzięki temu użytkownik czytnika ekranu może łatwiej zrozumieć tabelę, zwłaszcza gdy jest rozbudowana i ma wiele wierszy/kolumn.
Jak rozpoznać na egzaminie, co będzie nagłówkiem kolumn w kodzie HTML?
Sprawdź, czy w wierszu znajdują się komórki <th>. Jeśli występują na górze tabeli, zwykle są to nagłówki kolumn. Jeśli <th> jest w pierwszej kolumnie, może oznaczać nagłówki wierszy. Nie sugeruj się słowem "nagłówek" w tekście, tylko znacznikiem.
info

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

Według specjalistów z branży: "Znaczniki &lt;th&gt; definiują komórki nagłówkowe tabeli, a ich treść jest prezentowana jako nagłówki (np. kolumn)."

Źródła:

  • MDN Web Docs: HTML table basics / elementy tabel (&lt;table&gt;, &lt;tr&gt;, &lt;th&gt;, &lt;td&gt;), https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content/HTML_table_basics - accessed 2026-02-18
  • MDN Web Docs: &lt;th&gt;: The Table Header element, https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th - accessed 2026-02-18
  • WHATWG HTML Living Standard: Tabular data (tables), https://html.spec.whatwg.org/multipage/tables.html - accessed 2026-02-18

Materiały:

  • Dokumentacja MDN: elementy tabel w HTML
  • Specyfikacja HTML (WHATWG): model tabel i znaczenie &lt;th&gt;
  • Ćwiczenia: ręczne budowanie tabel z &lt;thead&gt;, &lt;tbody&gt; oraz &lt;th&gt; i &lt;td&gt;
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego