KWALIFIKACJA INF3 - CZERWIEC 2019

PYTANIE NR 7.
W języku HTML, aby scalić w pionie dwie sąsiednie komórki w kolumnie tabeli, należy zastosować atrybut
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Atrybut rowspan służy do scalania komórki tabeli w pionie, czyli do objęcia przez jedną komórkę kilku kolejnych wierszy (w znaczniku <td> lub <th>). Dla scalania w poziomie używa się colspan, a cellpadding i cellspacing dotyczą odstępów, nie łączenia komórek.

Pełne wyjaśnienie:

W tabelach HTML komórki są ułożone w wiersze i kolumny. Jeśli chcesz, aby jedna komórka zajmowała miejsce kilku komórek znajdujących się pod sobą (czyli w tej samej kolumnie, w kolejnych wierszach), stosuje się atrybut rowspan. Nazwa wskazuje, że komórka "rozciąga się" na wiele wierszy (row).

Odpowiedź "rowspan" jest poprawna, bo definiuje liczbę wierszy, które ma obejmować dana komórka w <td> lub <th>. W praktyce używa się tego np. przy budowie tabel, w których lewa komórka jest wspólną etykietą dla kilku pozycji w kolejnych liniach.

Dlaczego pozostałe odpowiedzi są niepoprawne:

  • colspan dotyczy kierunku poziomego: jedna komórka obejmuje kilka kolumn w tym samym wierszu. To typowy błąd wynikający z mylenia kierunków (pion/poziom) lub zbyt szybkiego skojarzenia "scalanie = colspan".
  • cellpadding nie scala komórek. Określa (historycznie) wypełnienie/odstęp między zawartością komórki a jej obramowaniem. W nowoczesnym podejściu takie kwestie realizuje się głównie przez CSS.
  • cellspacing również nie scala komórek. Odnosi się do odstępu między komórkami tabeli (historycznie), a podobnie jak powyżej, obecnie zwykle kontroluje się to stylami CSS (np. border-spacing).

Wskazówka egzaminacyjna: zapamiętaj prostą regułę językową: row = wiersz (pion), col = kolumna (poziom). Jeśli komórka ma "przykryć" kilka wierszy, wybierasz rowspan; jeśli kilka kolumn, wybierasz colspan.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
rowspan to atrybut komórki tabeli, który pozwala jej objąć kilka wierszy naraz (scalanie w pionie). Stosuje się go w <td> lub <th>, gdy jedna etykieta ma dotyczyć wielu kolejnych wierszy.
rowspan scala komórki w pionie (na kilka wierszy), a colspan scala w poziomie (na kilka kolumn). Najłatwiej zapamiętać: row = wiersz, col = kolumna.
Aby scalić komórki w pionie, ustawiasz w górnej komórce atrybut rowspan z liczbą wierszy do objęcia. Pozostałe komórki, które "wchodzą" w to scalanie, pomijasz w kodzie danego wiersza.
colspan odnosi się do kolumn, czyli działa w poziomie w obrębie jednego wiersza. Jeśli użyjesz go zamiast rowspan, uzyskasz komórkę szerszą, a nie wyższą, więc nie połączysz komórek ułożonych jedna pod drugą.
Tak. Zarówno <th>, jak i <td> są komórkami tabeli, więc atrybut rowspan może być użyty w obu. Różnica między nimi dotyczy semantyki (nagłówek vs dane), a nie mechanizmu scalania.
cellpadding (historycznie) określał odstęp między treścią komórki a jej obramowaniem. Nie zmienia liczby komórek ani ich połączeń. Do wyglądu (odstępów, marginesów, obramowań) zaleca się używać CSS.
cellspacing (historycznie) określał odstęp między sąsiednimi komórkami tabeli. Może pojawić się w pytaniach jako "pułapka" obok rowspan/colspan. Nie służy do łączenia komórek, tylko do ich rozdzielania.
Najczęściej: mylenie z colspan, ustawienie złej liczby wierszy oraz pozostawienie w kodzie komórek, które powinny zostać pominięte (co rozjeżdża siatkę tabeli). Pomaga rysowanie prostej siatki wiersz/kolumna.
Łączenie komórek to kwestia struktury tabeli, więc realizuje się je w HTML przez rowspan i colspan. CSS odpowiada za wygląd (np. obramowania, odstępy), ale nie zastępuje semantycznego łączenia komórek.
Ćwicz tworzenie prostych tabel i modyfikuj je: scalaj komórki w pionie i poziomie, dodawaj nagłówki (<th>), dbaj o poprawny układ wierszy. Na egzaminie często sprawdza się rozróżnienie rowspan vs colspan.
info

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

Według specjalistów z branży: "Atrybut rowspan służy do scalania komórki tabeli w pionie, czyli do objęcia przez jedną komórkę kilku kolejnych wierszy (w znaczniku &lt;td&gt; lub &lt;th&gt;)."

Źródła:

  • MDN Web Docs: HTMLTableCellElement.rowSpan (rowspan) — https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableCellElement/rowSpan - accessed 2026-03-02
  • MDN Web Docs: HTML attribute colspan / HTMLTableCellElement.colSpan — https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableCellElement/colSpan - accessed 2026-03-02
  • WHATWG HTML Standard: The td and th elements (cell attributes including rowspan/colspan) — https://html.spec.whatwg.org/multipage/tables.html#the-td-element - accessed 2026-03-02

Materiały:

  • Dokumentacja HTML dotycząca tabel (sekcje: table, td, th)
  • Kursy front-end obejmujące semantykę tabel i atrybuty komórek
  • Ćwiczenia praktyczne z tworzenia tabel i scalania komórek w edytorze kodu

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego