Maneira mais fácil de dividir uma página da web

Para criar uma página da Web limpa, bem organizada e fácil de ler, fique no básico. O HTML 5 e o CSS 3 podem obter toda a impressão, mas os elementos HTML básicos, como cabeçalhos, parágrafos e algumas tabelas bem posicionadas, podem efetivamente dividir uma página para comunicar sua mensagem. Aqui estão algumas tags fáceis e úteis para ajudar a organizar um site.

Cabeçalhos

Os títulos, em uma variedade de tamanhos, chamam a atenção e apontam os leitores para as informações que desejam ler. Comece com um título principal usando

ou

Tag:

Bem vindo ao Meu Site

Use cabeçalhos de nível inferior para dividir o site verticalmente em seções. Limite os cabeçalhos para dois ou três tamanhos, variando de

para

e não mais que três ou quatro seções.

Parágrafos

Use o parágrafo

tag para dividir o texto em seções da seguinte forma:

Texto do primeiro parágrafo ...

Texto do segundo parágrafo ...

Mantenha os parágrafos pequenos e concisos. Os leitores comuns da Web fazem a varredura rápida do conteúdo, portanto, chegue ao seu ponto na primeira ou segunda frase antes que eles fiquem entediados e clique em outro link.

Imagens

Algumas imagens bem colocadas também ajudam a dividir a página em seções lógicas. Varie a orientação para a esquerda e para a direita para dividir a página. Se possível, converta títulos em imagens para adicionar estilo e variedade. As imagens também funcionam bem para substituir links e botões.

Tabelas

Use tabelas simples para dividir a página horizontalmente. Uma única tabela, colocada após o título, dividirá efetivamente a página em duas ou três seções. Use o seguinte código HTML:

A tabela preenche a página com uma coluna da esquerda ocupando 20% da página, uma coluna da direita ocupando outros 20% e a coluna central no meio. Lembre-se de lembrar o atributo valign para que cada coluna comece no topo e desça. Esqueça esse atributo e o conteúdo será alinhado verticalmente ao centro da página. Adicione o conteúdo e ajuste as larguras das colunas até que a apresentação pareça correta.

Linhas e Fronteiras

Uma regra horizontal, codificada como "

Espaço em branco

Linhas e colunas em branco geralmente dividem uma página melhor do que todas as outras formatações. Quebras de linha, codificadas como "

"sem aspas, parágrafos vazios, codificados como tags de fechamento automático como"

"sem aspas, e as colunas vazias da tabela separam o texto e tornam o layout mais agradável ao leitor. O espaço vazio ocupa pouca largura de banda e é realmente a maneira mais simples de dividir uma página.