KWALIFIKACJA INF3 - STYCZEŃ 2021

PYTANIE NR 26.
Ile maksymalnie należy użyć znaczników <td> w tabeli o trzech kolumnach i trzech wierszach niezawierającej złączeń komórek i wiersza nagłówkowego?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
W tabeli bez łączenia komórek każda kolumna i każdy wiersz tworzą osobną komórkę danych.
Przy 3 kolumnach i 3 wierszach liczba komórek wynosi 3×3=9, więc maksymalnie używa się 9 znaczników <td> (brak wiersza nagłówkowego oznacza, że nie ma <th>).

Pełne wyjaśnienie:

W HTML komórki danych w tabeli zapisuje się znacznikiem <td>, a wiersze znacznikiem <tr>. Jeśli tabela ma 3 kolumny i 3 wiersze, a dodatkowo nie zawiera złączeń (scalania) komórek, to struktura jest regularną siatką 3×3.

W takiej siatce każdy wiersz zawiera dokładnie tyle komórek, ile jest kolumn:

  • 1. wiersz: 3 komórki (<td>)
  • 2. wiersz: 3 komórki (<td>)
  • 3. wiersz: 3 komórki (<td>)

Łącznie daje to 3 × 3 = 9 komórek danych, czyli maksymalnie 9 znaczników <td>.

Dlaczego pozostałe wartości są błędne?

  • "6" zwykle wynika z pomylenia mnożenia z dodawaniem (3+3) albo policzenia tylko dwóch wierszy.
  • "3" odpowiada liczbie kolumn lub liczbie wierszy, ale nie liczbie komórek w całej tabeli.
  • "12" pasowałoby do tabeli 3×4 lub 4×3, ewentualnie do błędnego założenia o dodatkowym wierszu/kolumnie.

Wskazówka egzaminacyjna: gdy w treści jest "bez złączeń komórek", zawsze licz komórki jako wiersze × kolumny. Informacja "bez wiersza nagłówkowego" oznacza, że nie należy doliczać komórek <th>.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Znacznik <td> oznacza pojedynczą komórkę danych w wierszu tabeli HTML. W praktyce umieszcza się go wewnątrz wiersza <tr>. Każde <td> to jedna komórka w siatce tabeli, o ile nie stosujesz scalania komórek.
Gdy nie ma scalania (brak rowspan/colspan), tabela jest regularną siatką. Liczbę komórek liczysz jako wiersze × kolumny. Dla 3 wierszy i 3 kolumn: 3×3 = 9 komórek, czyli 9 znaczników <td>.
Wiersz lub komórki nagłówkowe opisuje się zwykle elementem <th>. Jeśli zadanie mówi, że tabela nie ma wiersza nagłówkowego, to zakłada, że występują wyłącznie komórki danych <td>. Dzięki temu liczenie komórek sprowadza się do prostego wiersze×kolumny.
Równość przestaje być prawdziwa, gdy w tabeli pojawia się scalanie komórek (atrybuty colspan lub rowspan) albo gdy część komórek to nagłówki <th>. Wtedy pojedyncze <td> może "zajmować" więcej niż jedną kolumnę lub wiersz.
Atrybut colspan w elemencie <td> lub <th> sprawia, że jedna komórka rozciąga się na kilka kolumn. Przykładowo colspan="2" oznacza, że komórka zajmuje miejsce dwóch standardowych komórek w tym wierszu, więc w wierszu będzie mniej znaczników <td>.
Atrybut rowspan powoduje, że komórka obejmuje kilka wierszy. Komórka z rowspan="2" zajmuje miejsce w dwóch kolejnych wierszach, więc w jednym z wierszy "brakuje" osobnego <td>, bo obszar jest już zajęty przez scaloną komórkę.
W praktyce dla czytelnej siatki tabeli dąży się do tego, aby układ kolumn był spójny. Jednak liczba znaczników <td> w poszczególnych wierszach może się różnić, gdy stosujesz scalanie (colspan/rowspan) albo mieszanie komórek danych i nagłówkowych (<th>). Bez scalania zwykle jest stała.
Tworzysz <table>, a w środku trzy wiersze <tr>. W każdym wierszu umieszczasz trzy komórki <td>. Łącznie powstanie 9 komórek danych. To typowy schemat spotykany na egzaminach z podstaw struktury HTML.
Najczęstsze pomyłki to: policzenie tylko wierszy albo tylko kolumn (np. 3 zamiast 9), dodawanie zamiast mnożenia (np. 6), oraz automatyczne doliczenie nagłówka (<th>) mimo że zadanie mówi o braku wiersza nagłówkowego. Pomaga szybki schemat: wiersze×kolumny.
Jeśli w treści jest wyraźnie: liczba kolumn, liczba wierszy i brak scalania, to nie musisz rozpisywać kodu. Stosujesz prosty wzór: komórki = wiersze × kolumny. Dopiero gdy pojawią się colspan/rowspan, warto rozpisać wiersz po wierszu.
info

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

Źródła:

  • WHATWG, HTML Living Standard: "The td element" oraz "Tabular data" (sections), https://html.spec.whatwg.org/multipage/tables.html - dostęp 2026-03-01
  • MDN Web Docs: "&lt;td&gt;: The Table Data Cell element", https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td - dostęp 2026-03-01
  • MDN Web Docs: "HTML table basics", https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content/HTML_table_basics - dostęp 2026-03-01

Materiały:

  • Dokumentacja HTML: model tabel (sekcje o &lt;table&gt;, &lt;tr&gt;, &lt;td&gt;)
  • MDN Web Docs: opis elementu &lt;td&gt; i podstaw tabel HTML
  • Ćwiczenia praktyczne: ręczne zapisanie tabel 2×2, 3×3, 4×3 i policzenie &lt;td&gt;

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego