Tabelas existem no HTML para organizar dados tabulares. Elas não servem para montar layout de página — e entender isso muda tudo.

Nesta aula, vamos aprender a usar tabelas corretamente e evitar um dos maiores erros do passado da web.

O que é uma tabela no HTML?

Uma tabela é uma estrutura formada por linhas e colunas, usada para representar dados relacionados.

Exemplos de uso correto:

  • Resultados de vendas
  • Horários
  • Relatórios
  • Comparações de dados

Estrutura básica de uma tabela

A estrutura mínima de uma tabela envolve estas tags:

  • <table> — tabela
  • <tr> — linha da tabela
  • <td> — célula de dados

  <table> 
    <tr> 
      <td>Produto</td> 
      <td>Preço</td> 
    </tr> 
    <tr> 
      <td>Teclado</td> 
      <td>R$ 120</td> 
    </tr> 
  </table>

O código acima resultará na seguinte página sendo criada:

Exemplo de página HTML

Cabeçalhos de tabela com <th>

Para indicar títulos de colunas ou linhas, usamos a tag <th>. 

 
  <table> 
      <tr> 
        <th>Produto</th> 
        <th>Preço</th> 
    </tr> 
    <tr> 
      <td>Mouse</td> 
      <td>R$ 80</td> 
    </tr> 
  </table>

O código acima resultará na seguinte página sendo criada:

Exemplo de página HTML
O uso de <th> melhora a acessibilidade e a leitura dos dados.

Tabelas são para dados, não para layout

Antigamente, tabelas eram usadas para montar o layout de sites. Hoje isso é considerado uma prática errada.

Nunca use tabelas para:

  • Organizar colunas de layout
  • Alinhar textos visualmente
  • Montar estrutura de página

Para layout, usamos CSS. Para dados, usamos tabelas.

Exemplo de uso correto

 
<table> 
  <tr> 
    <th>Aluno</th> 
    <th>Nota</th> 
  </tr> 
  <tr> 
    <td>Ana</td> 
    <td>9.5</td> 
  </tr> 
  <tr> 
    <td>João</td> 
    <td>8.0</td> 
  </tr> 
</table>

O código acima resultará na seguinte página sendo criada:

Exemplo de página HTML

Resumo visual

💾🧠 Resumo da aula para nunca mais esquecer

  • Tabelas servem para organizar dados
  • <table> cria a tabela
  • <tr> cria linhas
  • <td> cria células
  • <th> cria cabeçalhos
  • Nunca use tabelas para layout

Na próxima aula, vamos aprender sobre HTML semântico (HTML5) e entender por que ele é tão importante hoje.

HARDWARE

Entendendo o seu computador

O que há dentro do meu computador?

Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.

  • Gabinetes

  • Placas-Mãe

  • Processadores

  • Memória

  • Fontes

  • Drives Ópticos

  • Discos Rígidos

  • SSD

  • Placas de Som

  • Placas de Vídeo

Você Sabia?

Muitos aplicativos

Instalar vários aplicativos com o mesmo propósito, como editores de texto, reprodutores de músicas ou vídeos e até programas antívirus sobrecarregam o seu sistema operacional e ainda ocupam espaço desnecessário em seu HD. Tenha apenas um bom programa para cada função.

PC com barulho?

Excesso de barulho dentro do seu gabinete, principalmente logo que você o liga, pode ser sintoma de problemas nas ventoinhas, que podem precisar ser limpas ou trocadas. Entre em contato com um técnico de sua confiança e verifique isso o quanto antes.

Tomb Raider - O Filme

Considerando todas as adaptações de jogos de videogame para o cinema, a mais bem sucedida foi Lara Croft: Tomb Raider, lançado em 2001 e que faturou 274 milhões de dólares. Ele foi dirigido por Simon West e estrelado pela bela Angelina Jolie.

Final Fantasy

O famoso título Final Fantasy, da Square Enix, tem este nome exatamente porque se tratava da última esperança da empresa, que estava à beira da falência quando o lançou. Clique aqui e conheça detalhes dessa história.

ENIAC

O ENIAC, primeiro computador valvulado do mundo, possuía 17.000 válvulas, 500.000 pontos de solda, 30 toneladas de peso e ocupava uma área de 180 metros quadrados. Clique aqui e conheça mais sobre a história dos computadores.