KWALIFIKACJA INF3 - STYCZEŃ 2015

PYTANIE NR 4.
Zamieszczony w ramce kod wyświetla tabelę składającą się z
Ilustracja przedstawia fragment kodu HTML, który tworzy tabelę z jednym wierszem i dwoma kolumnami.
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Liczbę wierszy i kolumn tabeli ustala się na podstawie jej struktury w kodzie.
Wiersze odpowiadają kolejnym wierszom tabeli (powtarzającym się "rekordom"), a kolumny wynikają z liczby komórek ułożonych obok siebie w pojedynczym wierszu. W pokazanym kodzie jest 1 wiersz i 2 kolumny.

Pełne wyjaśnienie:

W tabelach HTML kluczowe jest rozróżnienie trzech pojęć: wiersza, kolumny i komórki. Wiersz to poziomy "pas" tabeli – w praktyce kolejny zestaw danych ułożonych obok siebie. Kolumny to pionowe "słupki" – wynikają z tego, ile komórek stoi w jednym wierszu.

Aby poprawnie określić rozmiar tabeli na podstawie kodu, wykonuje się dwa kroki:

  • Krok 1: policz wiersze – zlicz, ile logicznych wierszy danych utworzono w tabeli (ile razy powtarza się konstrukcja wiersza).
  • Krok 2: policz kolumny – sprawdź, ile komórek występuje obok siebie w jednym wierszu. To właśnie ta liczba wyznacza liczbę kolumn.

Poprawna odpowiedź "jednego wiersza i dwóch kolumn" oznacza, że tabela ma tylko jeden poziomy rząd danych, ale w tym rzędzie znajdują się dwie komórki obok siebie, więc tworzą dwa pionowe "pola" (kolumny).

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

  • "dwóch wierszy i jednej kolumny" to typowy błąd zamiany osi: taka tabela miałaby dwie pozycje jedna pod drugą, ale tylko jedno pole w poziomie.
  • "dwóch wierszy i dwóch kolumn" opisuje tabelę 2×2, czyli cztery komórki ułożone w siatkę. Jeśli w kodzie widać tylko jeden wiersz danych, nie można uzyskać dwóch wierszy w renderze.
  • "jednego wiersza i jednej kolumny" oznaczałoby tylko jedną komórkę (pojedyncze pole). Gdy w jednym wierszu występują dwie komórki obok siebie, tabela ma dwie kolumny.

Wskazówka egzaminacyjna: najczęściej myli się liczbę kolumn z liczbą wierszy, gdy liczenie robi się "po liniach" zamiast po strukturze. Zawsze najpierw ustal, ile jest wierszy danych, a dopiero potem policz komórki w jednym wierszu.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Wiersz to poziomy zestaw komórek danych. W kodzie rozpoznasz go jako jedną "jednostkę" grupującą komórki obok siebie (np. linie/fragmenty tworzące jeden rząd). Liczbę wierszy ustalasz, zliczając takie rzędy danych w całej tabeli.
Kolumna to pionowy układ komórek w tej samej pozycji w kolejnych wierszach. W praktyce liczbę kolumn najłatwiej policzyć, sprawdzając ile komórek znajduje się obok siebie w jednym wierszu. To daje liczbę pól w poziomie.
Stosuj stałą procedurę: najpierw ustal, ile jest poziomych rzędów danych (wierszy), a dopiero potem policz, ile komórek stoi w jednym wierszu (kolumny). To ogranicza typową pomyłkę "zamiany osi" podczas szybkiego czytania kodu.
Bo kolumny wynikają z tego, ile komórek jest ustawionych obok siebie w jednym wierszu. Jeśli w tabeli jest tylko jeden rząd, ale w nim są dwie komórki, to w renderze zobaczysz 1 wiersz i 2 kolumny (dwa pola w poziomie).
W poprawnie zaprojektowanej tabeli zwykle tak, ale w praktyce można mieć nieregularności (np. łączenie komórek). Na egzaminie najczęściej spotyka się proste przypadki, gdzie każdy wiersz ma tyle samo komórek, więc kolumny liczy się po jednym wybranym wierszu.
Najczęstsze to: liczenie komórek jako wierszy, pomijanie części struktury, oraz założenie "typowej" tabeli 2×2 bez zliczania. Pomaga metoda: zlicz rzędy danych, potem policz komórki w jednym rzędzie i sprawdź, czy układ jest spójny.
Tabela 2×1 (dwa wiersze i jedna kolumna) jest poprawna wtedy, gdy w kodzie widać dwa oddzielne rzędy danych, ale w każdym z nich występuje tylko jedna komórka. W renderze daje to dwa pola jedno pod drugim w jednej kolumnie.
Użyj narzędzi deweloperskich (inspektora) i rozwiń strukturę tabeli. Widzisz wtedy, ile rzędów danych występuje oraz ile komórek jest w każdym rzędzie. To dobra metoda kontroli, czy kod i wygląd tabeli odpowiadają założeniom projektu.
Tak. Jeśli w wierszu jest przewidziana komórka (nawet pusta), nadal zajmuje miejsce w układzie i wpływa na liczbę kolumn. Na egzaminie zwracaj uwagę na samą obecność komórek w strukturze, a nie na to, czy zawierają tekst.
Ćwicz na krótkich przykładach: 1×1, 1×2, 2×1, 2×2. Po każdym przykładzie przewiduj wynik (wiersze/kolumny), a potem sprawdzaj w przeglądarce. Utrwal też słownictwo: wiersz, kolumna, komórka i zależności między nimi.
info

Około 69% zdających odpowiada poprawnie na to pytanie. średnie

Eksperci podkreślają: "W pokazanym kodzie jest 1 wiersz i 2 kolumny."

Źródła:

  • MDN Web Docs: HTML table basics (Tables in HTML) – https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Basics (dostęp: 2026-02-27)
  • MDN Web Docs: HTML element table – https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table (dostęp: 2026-02-27)
  • WHATWG HTML Living Standard: tabular data – https://html.spec.whatwg.org/multipage/tables.html (dostęp: 2026-02-27)

Materiały:

  • Dokumentacja MDN o elementach tabel w HTML (przegląd: table, tr, td, th)
  • Specyfikacja WHATWG HTML – sekcja dotycząca modelu tabel
  • Ćwiczenia praktyczne: ręczne budowanie tabel 1xN, Nx1, NxM i porównywanie z renderem w przeglądarce

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego