Uma tabela HTML contém informações em um site.
Adicionar colunas ao seu site é útil para organizar o conteúdo. Na verdade, não há limite de quantas colunas sua página da Web pode conter. A codificação de colunas, no entanto, requer conhecimento de outra tag HTML: a tabela. Juntar essas duas tags permite infinitas possibilidades para um site limpo e bonito.
Passo 1
Abra seu editor de HTML. Selecione "Arquivo" e "Novo" na barra de navegação do programa. Um documento em branco aparecerá na tela.
Vídeo do dia
Passo 2
Crie uma mesa. As tabelas são definidas com o
marcação. Cada tabela pode ser dividida em linhas e cada linha em células de dados. As células de dados são o que definirão suas colunas. Uma tabela de duas colunas é codificada de maneira semelhante a esta:| Coluna 1 | Coluna 2 |
etapa 3
Ajuste as propriedades da borda da tabela. Se desejar que suas colunas tenham uma borda, coloque a tag border = "1" dentro da tag da tabela. Altere a cor da borda usando um código de cor HEX com a tag bordercolor = "# 000000". # 000000 é preto. A borda deve ser definida como pelo menos "1" para que uma cor de borda apareça.
Exemplo:
| Coluna 1 | Coluna 2 |
Passo 4
Adicionar cellpadding ou cellspacing. Cellpadding é a quantidade de espaço em branco entre a borda e o conteúdo da célula. Cellspacing é a distância entre as células. Essas tags são aplicadas dentro da tag da tabela. Não é um requisito ter cellpadding ou cellspacing ativo.
Exemplo:
| Coluna 1 | Coluna 2 |
Etapa 5
Adicione conteúdo às suas colunas. Texto, imagens, formulários e muito mais podem entrar nas tags de dados da tabela.
Etapa 6
Salve seu documento HTML. Visualize-o no navegador da Internet antes de enviá-lo ao servidor da web.
