Tabela w HTML służy do prezentowania danych w układzie wierszy i kolumn. Podstawowym znacznikiem tabeli jest <table>, a jej zawartość buduje się za pomocą wierszy i komórek.
Najważniejsze znaczniki
<table>- tworzy tabelę,<tr>- tworzy wiersz tabeli,<td>- tworzy zwykłą komórkę danych,<th>- tworzy komórkę nagłówkową.
Pierwszy wiersz tabeli bardzo często zawiera nagłówki kolumn, np. „Artykuł”, „Rozmiar”, „Cena”. W HTML powinno się wtedy użyć elementów <th>, ponieważ oznaczają one komórki nagłówkowe. Przeglądarki domyślnie wyświetlają zawartość <th> pogrubioną i zwykle wyśrodkowaną, nawet bez CSS.
Przykład tabeli
<table>
<tr>
<th>Artykuł</th>
<th>Rozmiar</th>
<th>Cena</th>
</tr>
<tr>
<td>Spódnica niebieska</td>
<td>M</td>
<td>34,99 zł</td>
</tr>
</table>
W tym przykładzie pierwszy wiersz to fragment od <tr> do </tr> zawierający trzy komórki <th>.
Ważne na egzaminie
Jeżeli tabela nie ma CSS, wygląd nagłówków wynika z domyślnego działania HTML. Komórki <th> są przeznaczone do nagłówków, a <td> do zwykłych danych. Dlatego wiersz z nazwami kolumn powinien być zapisany przy użyciu <th>, a nie przez sztuczne pogrubianie, pochylanie lub centrowanie tekstu.