Tabela em HTML

As tabelas HTML permitem que os desenvolvedores da web organizem os dados em linhas e colunas.

Exemplo:

<table>

<tr>

<th>Company</th>

<th>Contact</th>

<th>Country</th>

</tr>

<tr>

<td>Alfreds Futterkiste</td>

<td>Maria Anders</td>

<td>Germany</td>

</tr>

<tr>

<td>Centro comercial Moctezuma</td>

<td>Francisco Chang</td>

<td>Mexico</td>

</tr>

</table>

Células de tabela

Cada célula da tabela é definida por um <td>e uma </td>tag.

tr significa linha da tabela.

Exemplo:

<table>

<tr>

<td>Tobias</td>

<td>Linus</td>

</tr>

<tr>

</tr>

</table>

Cabeçalhos de tabela

Às vezes você deseja que suas células sejam células de cabeçalho de tabela. Nesses casos, use a <th>tag em vez da <td>tag:

th significa cabeçalho da tabela.

Exemplo

Deixe a primeira linha ser células de cabeçalho da tabela:

<table>

<tr>

<th>Person 1</th>

<th>Person 2</th>

<th>Person 3</th>

</tr>

<tr>

<td>Tobias</td>

<td>Linus</td>

</tr>

<tr>

</tr>

</table>