Tabelas

O que são tabelas no HTML?

Tabelas servem pra organizar dados em linhas e colunas, tipo planilha.

Linhas → horizontais

Colunas → verticais

Exemplo de uso: Preços de produtos,  comparação de coisas, horários, qualquer dado estruturado.

 Estrutura básica do esqueleto de uma tabela:

<table>

<tr>

    <td>ID:</td>

    <td>Nome:</td>

    <td>Profissão:</td>

</tr>

<tr>

    <td>1</td>

    <td>João</td>

    <td>Desenvolvedor</td>

</tr>

<tr>

    <td>2</td>

    <td>Maria</td>

    <td>Engenheira Civil</td>

</tr>

</table> 

outro exemplo:

<table>

  <tr>

    <th>Produto</th>

    <th>Preço</th>

  </tr>

  <tr>

    <td>Vela aromática</td>

    <td>R$ 20</td>

  </tr>

  <tr>

    <td>Incenso</td>

    <td>R$ 10</td>

  </tr>

</table>

 O que significa cada tag?

<table> → É a tabela inteira

<tr> (table row) → Cada linha da tabela

<th> (table header) → Célula de título (fica em negrito e centralizada) |  tipo cabeçalho

<td> (table data) → Célula de conteúdo normal

Quando usar tabela (e quando NÃO usar):

✔ Use tabela quando: for dado organizado (tipo planilha)

✘ NÃO use pra: layout de site ( não é mais utilizado, hoje é CSS com flex/grid)