Podstawy tabel

W HTML tabela to sposób na uporządkowanie danych w wierszach i kolumnach. Tabele są powszechnie używane do wyświetlania danych w uporządkowanym formacie, takim jak harmonogramy, statystyki lub dowolne inne informacje, które można przedstawić w siatce. Aby utworzyć tabelę, użyj znacznika <table> wraz z innymi znacznikami, takimi jak <tr> dla wierszy tabeli, <td> dla danych tabeli (komórek) oraz <th> dla nagłówków tabeli.

Oto podstawowa struktura tabeli HTML:

<table>
	<tr>
		<th>Header 1</th>
		<th>Header 2</th>
	</tr>
	<tr>
		<td>Row 1, Cell 1</td>
		<td>Row 1, Cell 2</td>
	</tr>
	<tr>
		<td>Row 2, Cell 1</td>
		<td>Row 2, Cell 2</td>
	</tr>
</table>

• <table>: Znacznik definiujący tabelę.

• <tr>: Znacznik definiujący wiersz tabeli.

• <th>: Tag definiujący komórkę nagłówka. Komórki nagłówka są zazwyczaj używane jako tytuły kolumn lub wierszy i domyślnie są wyświetlane pogrubioną czcionką.

• <td>: Znacznik definiujący standardową komórkę tabeli.

Tak ta tabela będzie wyświetlana w przeglądarce:

W tym przykładzie mamy tabelę z dwoma wierszami i dwiema kolumnami. Pierwszy wiersz zawiera komórki nagłówkowe, a kolejne wiersze zawierają zwykłe komórki danych. Taka struktura tworzy prosty układ siatki, który jest łatwy do odczytania i zrozumienia.