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:
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:
<th> melhora a acessibilidade e a leitura dos dados. Tabelas são para dados, não para layout
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:
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.
Você Sabia?
Mario em Donkey Kong
O personagem Mario surgiu pela primeira vez no mundo dos games em um jogo chamado Donkey Kong, lançado em 1981. Mario, que naquela época se chamava Jumpman, não era o personagem principal do jogo, mas ele se tornaria um dos mais famosos personagens do mundo dos games. Saiba mais.
Máquina de Pascal
A Máquina de Pascal, criada em 1642 pelo filósofo, físico e matemático francês Blaise Pascal, é reconhecida como o primeiro computador do mundo e ele foi criado com o objetivo de calcular impostos. Saiba mais.
Space Invaders
A partida mais longa do clássico Space Invaders durou incríveis 38 horas e 32 minutos e esta façanha foi conseguida por um jogador de apenas 12 anos! O jogo, claro, podia ser pausado para alimentação e descanso, mas ainda assim o recorde, estabelecido no dia 02/09/1980, ainda não foi quebrado. Saiba mais.
PDP-1
O primeiro computador a conseguir rodar o jogo Spacewar era o PDP-1, que custava 120 mil dólares e pertencia ao Massachusetts Institute of Technology. O jogo demorou 200 horas para ser desenvolvido, em 1962, e seu criador foi um cientista da computação chamado Steve Russel.
Música tema do Blanka
Até a primeira metade dos anos 90 era bastante comum que as trilhas sonoras dos games fossem criadas por mulheres e a responsável pelas músicas do clássico Street Fighter 2 foi Yoko Shimomura. Segundo ela, o ritmo "Tararirarin" da música tema do personagem Blanka, do Brasil, veio à sua cabeça enquanto ela estava no trem a caminho da Capcom.










