Como Criar Colunas em HTML

Adicionar colunas ao seu site ajuda a organizar conteúdo. Na verdade, não há limite para quantas colunas sua página pode conter. Codificar colunas requer conhecimento de outra tag HTML: a table. Combinar essas duas tags permite infinitas possibilidades para um site limpo e bem apresentado.

Passo 1

Abra seu editor HTML. Selecione "Arquivo" e "Novo" na barra de navegação. Um documento em branco aparecerá.

Passo 2

Crie uma tabela. Tabelas são definidas com a tag <table>. Cada tabela pode ser dividida em linhas e cada linha em células de dados. As células de dados definem suas colunas. Uma tabela de duas colunas é codificada assim:

<table>
  <tr>
    <td>Coluna 1</td>
    <td>Coluna 2</td>
  </tr>
</table>

Passo 3

Ajuste as propriedades da borda. Se quiser bordas nas colunas, coloque border="1" dentro da tag table. Altere a cor da borda usando código HEX com bordercolor="#000000". #000000 é preto. A borda deve ser pelo menos "1" para a cor aparecer.

Exemplo:

<table border="1" bordercolor="#000000">
  <tr>
    <td>Coluna 1</td>
    <td>Coluna 2</td>
  </tr>
</table>

Passo 4

Adicione cellpadding ou cellspacing. Cellpadding é o espaço em branco entre borda e conteúdo da célula. Cellspacing é a distância entre células. Estas tags são aplicadas dentro da tag table. Não é obrigatório ter ambos ativos.

Exemplo:

<table border="1" bordercolor="#000000" cellspacing="1" cellpadding="1">
  <tr>
    <td>Coluna 1</td>
    <td>Coluna 2</td>
  </tr>
</table>

Passo 5

Adicione conteúdo às colunas. Texto, imagens, formulários e mais podem ir dentro das tags de dados da tabela.

Passo 6

Salve seu documento HTML. Visualize no navegador antes de enviar ao servidor web.

• Como Adicionar Botão Enviar a um PDF
• Como Obter Minhas Músicas da Amazon no iTunes