KWALIFIKACJA INF3 - CZERWIEC 2021 (test 2)

PYTANIE NR 23.
W języku HTML, aby scalić w poziomie dwie sąsiednie komórki w wierszu tabeli należy zastosować atrybut
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Aby scalić dwie sąsiednie komórki w poziomie (czyli w obrębie jednego wiersza, zwiększając liczbę zajmowanych kolumn), stosuje się atrybut colspan w komórce <td> lub <th>. Atrybut rowspan służy do scalania w pionie, a cellspacing/cellpadding dotyczą odstępów.

Pełne wyjaśnienie:

Scalanie komórek tabeli w HTML polega na tym, że jedna komórka zajmuje miejsce kilku standardowych komórek. Kierunek scalania zależy od tego, czy "rozszerzamy" komórkę na kolejne kolumny (poziomo), czy na kolejne wiersze (pionowo).

Poprawna odpowiedź: colspan
Atrybut colspan (column span) umieszczony w komórce <td> albo <th> określa, ile kolumn ma obejmować ta komórka. Gdy chcemy scalić w jednym wierszu dwie sąsiednie komórki, ustawiamy colspan tak, aby komórka zajęła dwie kolumny.

Dlaczego pozostałe odpowiedzi są błędne?

  • rowspan – służy do scalania komórek w pionie, czyli do obejmowania kilku wierszy przez jedną komórkę. Użycie go nie scala dwóch komórek obok siebie w tym samym wierszu.
  • cellspacing – dotyczy odstępu między komórkami (przestrzeni pomiędzy granicami komórek). Nie zmienia struktury siatki tabeli i nie powoduje łączenia komórek.
  • cellpadding – dotyczy odstępu wewnątrz komórki (marginesu między obramowaniem komórki a jej treścią). Również nie ma związku ze scalaniem.

Wskazówka egzaminacyjna: jeśli w treści jest "w poziomie" i "w wierszu", myśl o kolumnachcolspan. Jeśli jest "w pionie" lub "w kolumnie tabeli", myśl o wierszachrowspan.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
colspan to atrybut komórki tabeli, który określa, na ile kolumn ma się rozciągać dana komórka (<td> lub <th>). Używa się go, gdy jedna komórka ma zastąpić kilka sąsiednich komórek w tym samym wierszu.
Aby scalić komórki w poziomie, ustaw w pierwszej z nich atrybut colspan na 2, a drugą komórkę usuń z tego wiersza. W praktyce jedna komórka zajmie miejsce dwóch kolumn, tworząc efekt połączenia.
colspan scala komórki w poziomie (na kolejne kolumny), a rowspan scala komórki w pionie (na kolejne wiersze). Najprościej: col → kolumny, row → wiersze.
rowspan zmienia liczbę wierszy zajmowanych przez jedną komórkę. Nie zwiększa liczby kolumn w wierszu, więc nie połączy dwóch komórek stojących obok siebie. Do takiego efektu potrzebny jest colspan.
"W poziomie" oznacza, że jedna komórka ma zająć miejsce kilku komórek w tym samym wierszu, czyli obejmować więcej niż jedną kolumnę. To typowe np. w nagłówkach tabel, gdzie etykieta ma dotyczyć grupy kolumn.
Nie. cellpadding dotyczy odstępu wewnątrz komórki (między treścią a obramowaniem), a cellspacing dotyczy odstępu pomiędzy komórkami. Nie zmieniają struktury tabeli i nie powodują scalania komórek.
Najczęstszy błąd to zamiana osi: wybór rowspan mimo polecenia "w poziomie". Drugi błąd to pozostawienie "dodatkowej" komórki w wierszu po ustawieniu colspan, co rozjeżdża siatkę tabeli i psuje układ.
colspan przydaje się w raportach i tabelach danych: nagłówki grupujące kilka kolumn, wiersze podsumowań ("Razem"), komunikaty "Brak danych" zajmujące całą szerokość tabeli lub sekcje opisowe w tabelach w panelach administracyjnych.
Może wpływać. Przy złożonych tabelach scalanie utrudnia interpretację przez czytniki ekranu, jeśli nagłówki i relacje nie są poprawnie zdefiniowane. Warto dbać o logiczną strukturę, używać <th> dla nagłówków oraz utrzymywać spójny układ wierszy i kolumn.
Przećwicz budowę tabeli z <table>, <tr>, <td>, <th> i wykonaj kilka wariantów: scalanie w poziomie (colspan), scalanie w pionie (rowspan), nagłówki i podsumowania. Na egzaminie czytaj uważnie słowa "poziomo/pionowo".
info

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

Eksperci podkreślają: "Aby scalić dwie sąsiednie komórki w poziomie (czyli w obrębie jednego wiersza, zwiększając liczbę zajmowanych kolumn), stosuje się atrybut colspan w komórce &lt;td&gt; lub &lt;th&gt;."

Źródła:

  • MDN Web Docs: HTMLTableCellElement.colSpan (colspan) – https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableCellElement/colSpan - accessed 2026-02-18
  • MDN Web Docs: HTMLTableCellElement.rowSpan (rowspan) – https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableCellElement/rowSpan - accessed 2026-02-18
  • WHATWG HTML Living Standard: The table element / attributes for table cells – https://html.spec.whatwg.org/multipage/tables.html - accessed 2026-02-18

Materiały:

  • Dokumentacja WHATWG HTML – sekcja o tabelach i atrybutach komórek
  • MDN Web Docs – artykuły o atrybutach colspan/rowspan
  • Ćwiczenia praktyczne: tworzenie tabeli z nagłówkiem obejmującym kilka kolumn

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego