INF.03Frontend & CSS
Tabele w HTML (table, tr, th, td, colspan, rowspan)
Struktury do prezentowania danych tabelarycznych składające się z wierszy (tr), nagłówków (th), komórek (td) i atrybutów scalania (colspan/rowspan).
Podstawowa struktura tabeli:
HTML
<table border="1">
<thead>
<tr>
<th>Przedmiot</th>
<th>Ocena</th>
<th>Semestr</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">Informatyka</td>
<td>5</td>
<td>1</td>
</tr>
<tr>
<td>6</td>
<td>2</td>
</tr>
<tr>
<td colspan="2">Średnia końcowa</td>
<td>5.5</td>
</tr>
</tbody>
</table>Scalanie komórek:
colspan="2"– łączy komórkę z sąsiednią w poziomie (rozciąga na 2 kolumny).rowspan="2"– łączy komórkę z sąsiednią w pionie (rozciąga na 2 wiersze w dół).
Najczęstsze pułapki na egzaminie INF.03:
- Scalenie komórek za pomocą
colspanlubrowspanwymaga usunięcia nadmiarowych znaczników<td>z odpowiednich wierszy, aby tabela zachowała właściwy kształt!
Chcesz sprawdzić to pojęcie w praktyce?
Przeszukaj pytania z oficjalnych arkuszy CKE powiązane z hasłem Tabele w HTML (table, tr, th, td, colspan, rowspan) lub rozpocznij trening.