KWALIFIKACJA SPC7 - TEST WIEDZY NR 3

PYTANIE NR 4.
Przyjrzyj się poniższemu kodowi HTML:
<table>
<tr>
<td>Instalacja powietrzna</td>
<td>Zielony</td>
</tr>
</table>

Jakiego koloru jest oznaczenie dla instalacji powietrznej według tego kodu?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
W kodzie HTML tabela ma jeden wiersz (<tr>) i dwie komórki (<td>). Pierwsza komórka zawiera nazwę "Instalacja powietrzna", a druga zawiera przypisaną jej wartość koloru. Tekst w drugim <td> to "Zielony", więc taki jest kolor oznaczenia.

Pełne wyjaśnienie:

W pokazanym fragmencie HTML użyto podstawowych elementów tabeli: <table> tworzy tabelę, <tr> oznacza wiersz, a <td> pojedynczą komórkę w tym wierszu. Aby odpowiedzieć na pytanie, nie trzeba uruchamiać kodu w przeglądarce – wystarczy odczytać tekst znajdujący się między znacznikami <td>…</td>.

Wiersz zawiera dwie komórki:

  • w pierwszej komórce jest opis elementu: "Instalacja powietrzna" – to etykieta/nazwa,
  • w drugiej komórce jest wartość przypisana do tej etykiety: "Zielony" – to informacja o kolorze.

Dlatego poprawna odpowiedź to "Zielony", ponieważ dokładnie taki tekst widnieje w drugiej komórce tabeli, czyli w miejscu przeznaczonym na wartość koloru.

Pozostałe propozycje ("Czerwony", "Niebieski", "Żółty") nie pasują, bo nie występują w kodzie w żadnej komórce <td>. Typową pomyłką jest skupienie się na samych tagach (np. <table>, <tr>, <td>) zamiast na ich zawartości albo przeoczenie, że odpowiedź znajduje się w drugiej komórce, a nie w pierwszej. Na egzaminie warto czytać kod wiersz po wierszu i zawsze sprawdzać, co dokładnie jest zapisane między otwierającym i zamykającym znacznikiem.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Znacznik <table> tworzy tabelę w HTML, czyli strukturę z wierszami i komórkami. W praktyce możesz w niej zapisać np. cennik wyrobów cukierniczych albo listę składników i alergenów w formie kolumn.
<tr> oznacza pojedynczy wiersz tabeli. W jednym wierszu umieszcza się zwykle zestaw powiązanych informacji, np. "Nazwa produktu" w pierwszej komórce i "Cena" w drugiej komórce tego samego wiersza.
<td> to komórka danych w tabeli. Tekst pomiędzy <td> i </td> jest zawartością komórki. Na egzaminie najczęściej właśnie tę zawartość trzeba odczytać, a nie nazwy tagów.
Sprawdź kolejność komórek w danym wierszu: pierwsze <td> to pierwsza kolumna, drugie <td> to druga kolumna itd. Odczytuj wyłącznie tekst między tagami, np. "Zielony", a nie same znaczniki.
W HTML znaczniki opisują strukturę dokumentu, a treść użytkowa jest między nimi. Dlatego informacja typu kolor, cena lub nazwa produktu jest zapisana jako tekst w środku komórki, czyli między <td> i </td>.
Najczęstsze pomyłki to: odczytanie tylko pierwszej komórki wiersza, pomylenie etykiety z wartością (np. nazwa vs kolor/cena) oraz ignorowanie kolejności kolumn. Pomaga czytanie kodu "wierszowo": <tr> i wszystkie <td> po kolei.
Nie. W zadaniach tego typu zwykle wystarczy analiza zapisu kodu: rozpoznanie wiersza <tr> i odczytanie tekstu w komórkach <td>. To test rozumienia struktury, a nie konfiguracji przeglądarki czy serwera.
HTML przydaje się przy prowadzeniu strony cukierni lub sklepu online: opisy produktów, tabelki z cennikiem, informacje o alergenach, godziny otwarcia. Nawet podstawowe czytanie HTML pomaga poprawić treść lub zgłosić konkretne zmiany wykonawcy strony.
Najprościej: <table> jako tabela, każdy produkt w osobnym <tr>, a w środku dwie komórki <td> (np. "Sernik" i "12 zł"). Na egzaminie ważne jest rozumienie, że każda para <td> w wierszu to kolejne kolumny.
W prostych tabelach często pierwsza komórka w wierszu jest etykietą (np. "Instalacja powietrzna", "Nazwa produktu"), a druga komórka jest wartością (np. "Zielony", "Cena"). Zawsze jednak potwierdzaj to, czytając dokładnie tekst w obu <td>.
info

Około 93% zdających odpowiada poprawnie na to pytanie. łatwe

Eksperci podkreślają: "W kodzie HTML tabela ma jeden wiersz (&lt;tr&gt;) i dwie komórki (&lt;td&gt;)."

Źródła:

  • MDN Web Docs: HTML element &lt;table&gt; — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table (accessed 2026-02-27)
  • MDN Web Docs: HTML element &lt;tr&gt; — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr (accessed 2026-02-27)
  • MDN Web Docs: HTML element &lt;td&gt; — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td (accessed 2026-02-27)

Materiały:

  • Dokumentacja MDN Web Docs: HTML Tables (wprowadzenie i przykłady)
  • Ćwiczenia: ręczne odczytywanie treści z fragmentów HTML (tabele, listy, nagłówki)
  • Edytor online typu "HTML playground" do podglądu, jak kod zamienia się w widok strony

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego