Fundamentos de Tabelas

Em HTML, uma tabela é uma forma de organizar dados em linhas e colunas. As tabelas são comumente usadas para exibir dados em um formato estruturado, como horários, estatísticas ou qualquer outro tipo de informação que possa ser apresentada em uma grade. Para criar uma tabela, você usa a tag <table> junto com outras tags, como <tr> para linhas da tabela, <td> para dados da tabela (células) e <th> para cabeçalhos da tabela.

Esta é a estrutura básica de uma tabela 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>: A tag que define a tabela.

• <tr>: A tag que define uma linha da tabela.

• <th>: A tag que define uma célula de cabeçalho. Células de cabeçalho geralmente são usadas para títulos de colunas ou linhas e são exibidas em negrito por padrão.

• <td>: A tag que define uma célula padrão na tabela.

Veja como esta tabela seria exibida em um navegador:

Neste exemplo, temos uma tabela com duas linhas e duas colunas. A primeira linha contém células de cabeçalho, e as linhas seguintes contêm células de dados comuns. Essa estrutura cria um layout de grade simples, fácil de ler e entender.