Aula 71 - Tabelas HTML

Introdução

As tabelas são utilizadas para organizar informações em linhas e colunas, facilitando a visualização e comparação de dados.

Elas são amplamente utilizadas em sistemas, relatórios, planilhas, cronogramas e páginas de gerenciamento de informações.

📌 Em HTML, as tabelas são criadas utilizando a tag <table>.

Uma tabela é uma estrutura composta por linhas e colunas que organiza dados de forma lógica.

Nome	Curso
Ana	HTML
Carlos	CSS

A tag <table> representa a tabela completa.

<table>
  ...
</table>

Todas as linhas e colunas ficam dentro dessa estrutura.

A tag <tr> (Table Row) representa uma linha da tabela.

<tr>
  ...
</tr>

A tag <td> (Table Data) representa uma célula de dados.

<td>HTML</td>

Cada célula ocupa uma posição dentro da linha.

A tag <th> (Table Header) cria cabeçalhos para as colunas.

<th>Nome</th>

Os navegadores normalmente exibem os cabeçalhos em negrito.

<table>

  <tr>
    <th>Nome</th>
    <th>Curso</th>
  </tr>

  <tr>
    <td>Ana</td>
    <td>HTML</td>
  </tr>

</table>

Em dispositivos móveis, tabelas podem precisar de ajustes para manter a legibilidade.

CSS responsivo permite exibir tabelas adequadamente em telas menores.

⚠️ Utilize tabelas apenas para dados tabulares, não para criar layouts.

📌 As tabelas permitem organizar informações em linhas e colunas de forma clara e eficiente.