KWALIFIKACJA AUD5 - TEST WIEDZY NR 5

PYTANIE NR 40.
<table>
  <tr>
    <th>Imię</th>
    <th>Nazwisko</th> 
  </tr>
  <tr>
    <td>Jan</td>
    <td>Kowalski</td> 
  </tr>
</table>
Jakiego typu elementy HTML reprezentują tagi <th> w powyższym fragmencie kodu?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Znaczniki <th> definiują komórki nagłówkowe tabeli (nagłówki dla danych w wierszu lub kolumnie). W odróżnieniu od <td> nie są zwykłymi komórkami z danymi, a od <tr> różnią się tym, że nie tworzą wiersza, tylko pojedynczą komórkę nagłówka.

Pełne wyjaśnienie:

W tabelach HTML najważniejsze znaczniki to: <table> (cała tabela), <tr> (wiersz), <td> (zwykła komórka danych) oraz <th> (komórka nagłówkowa).

Odpowiedź "Nagłówki tabeli" jest poprawna, ponieważ <th> oznacza komórkę, która pełni rolę nagłówka dla pozostałych komórek danych. Taki nagłówek może opisywać kolumnę (np. "Imię", "Nazwisko") lub w zależności od układu także wiersz. Przeglądarki zwykle domyślnie wyróżniają te komórki (np. pogrubieniem), ale kluczowa jest tu semantyka, nie tylko wygląd.

Dlaczego pozostałe odpowiedzi są niepoprawne:

  • "Komórki tabeli" – jest zbyt ogólne i sugeruje typowe komórki danych. Do danych służy przede wszystkim <td>. <th> też jest komórką, ale konkretnego typu: nagłówkową, więc w tym pytaniu liczy się precyzja znaczenia.
  • "Wiersze tabeli" – wiersz tworzy <tr>. Wiersz zawiera dopiero komórki (<th> lub <td>), więc nie można utożsamiać <th> z wierszem.
  • "Kolumny tabeli" – HTML nie ma podstawowego znacznika, który samodzielnie "tworzy kolumnę" w taki sposób jak <tr> tworzy wiersz. Kolumny wynikają z układu komórek w kolejnych wierszach. <th> może być nagłówkiem kolumny, ale nie jest "kolumną" jako strukturą.

W praktyce (np. w projektach multimedialnych i stronach WWW) poprawne użycie <th> pomaga w czytelności, stylowaniu oraz w dostępności – narzędzia wspomagające mogą lepiej interpretować relacje między nagłówkami i danymi w tabeli.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Znacznik <th> tworzy komórkę nagłówkową w tabeli. Służy do opisywania danych w kolumnie lub wierszu (np. nazwy pól), dzięki czemu tabela ma poprawną semantykę i jest lepiej interpretowana m.in. przez technologie asystujące.
<th> to komórka nagłówka (opisuje dane), a <td> to zwykła komórka danych (zawiera wartości). Różnica jest semantyczna: nagłówki ułatwiają zrozumienie struktury tabeli i poprawiają dostępność, nawet jeśli CSS zmieni wygląd.
Nie. <th> może wystąpić w pierwszym wierszu jako nagłówek kolumn, ale może też pojawić się w pierwszej kolumnie jako nagłówek wierszy. Ważne jest, aby pełnił funkcję opisu danych, a nie tylko "ładnie wyglądał".
Nagłówki tabeli pomagają czytnikom ekranu i innym technologiom asystującym zrozumieć, co oznaczają dane w komórkach. Gdy nagłówki są oznaczone <th>, łatwiej powiązać wartości z ich opisem (np. kolumna "Nazwisko" → konkretna wartość).
<tr> definiuje wiersz tabeli. Wewnątrz wiersza umieszcza się komórki: nagłówkowe <th> lub zwykłe <td>. Sam <tr> nie jest komórką, tylko kontenerem grupującym komórki w poziomie.
Częsty błąd to utożsamianie <th> z "kolumną" albo "wierszem". W HTML <th> jest konkretną komórką (header cell), a nie całym wierszem (<tr>) ani kolumną (która wynika z układu wielu komórek).
Domyślnie wiele przeglądarek wyróżnia <th> (np. pogrubieniem i wyśrodkowaniem), ale to nie jest reguła "na zawsze". CSS może zmienić styl całkowicie. Na egzaminie ważniejsze jest znaczenie semantyczne: <th> = nagłówek tabeli.
Najczęściej w pierwszym wierszu stosuje się <th> dla nazw pól (np. "Imię", "Nazwisko"), a w kolejnych wierszach <td> dla wartości (np. "Jan", "Kowalski"). Taki układ jest czytelny, zgodny z semantyką i łatwy do ostylowania.
<td> stosuje się wtedy, gdy komórka zawiera dane, a nie pełni roli etykiety/nagłówka. Przykładowo w tabeli osób wartości takie jak imię i nazwisko powinny być w <td>, natomiast nazwy kolumn (opis danych) w <th>.
Warto opanować role czterech znaczników: <table>, <tr>, <th>, <td>. Ćwicz rozpoznawanie: co jest wierszem, co komórką, a co nagłówkiem. Na egzaminie pytania często sprawdzają semantykę, nie tylko składnię.
info

Statystycznie 78% uczniów zna prawidłową odpowiedź. średnio łatwe

Specjaliści zwracają uwagę: "Znaczniki &lt;th&gt; definiują komórki nagłówkowe tabeli (nagłówki dla danych w wierszu lub kolumnie)."

Źródła:

  • MDN Web Docs: "The Table Header element" (HTML &lt;th&gt;) – https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th (dostęp: 2026-03-04)
  • WHATWG HTML Living Standard: "The th element" – https://html.spec.whatwg.org/multipage/tables.html#the-th-element (dostęp: 2026-03-04)
  • MDN Web Docs: "HTML table basics" – https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Basics (dostęp: 2026-03-04)

Materiały:

  • Dokumentacja HTML o tabelach (sekcje: table, tr, th, td)
  • Kurs podstaw HTML/CSS z naciskiem na semantykę
  • Materiały o dostępności cyfrowej: tabele i relacje nagłówek–dane

Aktualizacja pytania: 31.03.2026

Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego