LMMD-MUS LMMD-MUS LMMD-MUS

home HOME

HTML Básico
HTML INÍCIO
HTML & WWW
HTML Introdução
HTML Elementos
HTML Tags Básicas
HTML Formatação
HTML Entidades
HTML Links
HTML Frames
HTML Tabelas
HTML Listas
HTML Formulários
HTML Imagens
HTML Background

HTML Avançado
HTML Layout
HTML Fontes
HTML Porque 4.0?
HTML Estilos
HTML Head
HTML Meta
HTML URLs
HTML Scripts
HTML Webserver

Layout em HTML

Anterior Próxima

Em qualquer lugar na Web você encontrará páginas que estão formatadas como páginas de jornal usando colunas HTML.


Layout em HTML - Usando tabelas

Uma prática muito comum com a HTML, é usar tabelas HTML para formatar o layout de uma página HTML.

Uma parte desta página está formatada com duas colunas, como uma página de jornal.

Conforme você pode ver nesta página, há uma coluna esquerda e uma coluna direita.

Este texto está exibido na coluna esquerda.

Uma <table> HTML é usada para dividir uma parte desta página Web em duas colunas.

O truque é usar uma tabela sem bordas, e talvez um pouco de enchimento de célula extra.

Não importa quanto texto você adiciona a esta página, ele irá ficar dentro das bordas de suas colunas.



Mesmo Layout - Cor Adicionada

Uma prática muito comum com a HTML, é usar tabelas HTML para formatar o layout de uma página HTML.

Uma parte desta página está formatada com duas colunas, como uma página de jornal.

Conforme você pode ver nesta página, há uma coluna esquerda e uma coluna direita.

Uma <table> HTML é usada para dividir uma parte desta página Web em duas colunas.

Este texto está exibido na coluna direita.

O truque é usar uma tabela sem bordas, e talvez um pouco de enchimento de célula extra.

Não importa quanto texto você adiciona a esta página, ele irá ficar dentro das bordas de suas colunas.



Exemplos

Dividir uma parte de uma página HTML em colunas de tabela é muito fácil de fazer. Para deixa-lo experimentar, colocamos este exemplo simples.


Anterior Próxima