>> Tecnologia eletrônica >  >> Lar inteligente >> Vida Inteligente

Como criar colunas em HTML


Adicionar colunas ao seu site é útil para organizar o conteúdo. Na verdade, não há limite para quantas colunas sua página da Web pode conter. Codificar colunas, no entanto, requer conhecimento de outra tag HTML:a tabela. Colocar essas duas tags juntas permite infinitas possibilidades para um site limpo e de boa aparência.

Etapa 1


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

Etapa 2


Crie uma tabela. As tabelas são definidas com a tag . 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á suas colunas. Uma tabela de duas colunas é codificada de forma semelhante a esta:

Coluna 1 Coluna 2

Etapa 3


Ajuste as propriedades da borda da tabela. Se você quiser que suas colunas tenham uma borda, coloque a tag border="1" dentro da tag table. 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 seja exibida.

Exemplo:
Coluna 1 Coluna 2

Etapa 4


Adicione cellpadding ou cellpacing. 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 cellpacing ativo.

Exemplo:
Coluna 1 Coluna 2

Etapa 5


Adicione conteúdo às suas colunas. Texto, imagens, formulários e muito mais podem ser inseridos nas tags de dados da tabela.

Etapa 6


Salve seu documento HTML. Visualize-o no navegador da Internet antes de carregá-lo no servidor da Web.