Tabelas

Tabelas são usadas quando nós precisamos mostrar dados de maneira tabular. É simples de entender com um olhar a estrutura de uma tabela.

Teoricamente, nós podemos inserir qualquer tipo de dados em Tabelas HTML. No entanto, o significado inicial é que seja apresentado dados.

Quando a Internet começou a se popularizar, desenvolvedores usaram a Tabela para criar layouts em sites. Eu fui um deles.

Hoje em dia, existe linguagem de formatação específica para organizar layout, separado do HTML, chamada CSS.

Exemplo de Tabela em HTML

Ela é composta de linhas e colunas, exatamente como uma planilha.

<table>
    <tr>
    <td>Coluna 1</td>
    <td>Coluna 2</td>
    </tr>
    <tr>
    <td>Continuação da Coluna 1</td>
    <td>Continuação da Coluna 1</td>
    </tr>
</table>

Ao executar o código acima, teremos o seguinte resultado:

Coluna 1 Coluna 2
Continuação da Coluna 1 Continuação da Coluna 1

Entendendo as tags

Vendo o exemplo acima, você pode estar com dúvida sobre o que representa as tags <tr> e <td>.

  • <table> – representa o início da tabela no nosso documento
  • <tr> – simboliza uma linha na tabela.
  • <td> – simboliza a coluna da tabela

Atributos da Tabela

Existem sim, atributos para tabela. Nós podemos controlar a borda, cores e outros propriedades. Veja o exemplo de controla da espessura da borda.

<table border="1">