Separadores
Como vimos no primeiro exemplo, as quebras de linha do texto fonte não são significativas na apresentação de documentos em HTML. Para organizar os textos, precisamos de separadores, apresentados aqui.
Quebra de linha
Quando queremos mudar de linha, usamos o elemento <BR>. Isso só é necessário quando queremos uma quebra de linha em determinado ponto, pois os browsers já quebram as linhas automaticamente para apresentar os textos.
Com sucessivos <BR>, podemos inserir diversas linhas em branco nos documentos. Esse elemento tem um atributo especial, que será apresentado no item sobre inserção de imagens.
Parágrafos
Para separar blocos de texto, usamos o elemento <P>:
Parágrafo 1;<P>Parágrafo 2.
Parágrafo1;
Parágrafo2.
Combinando parágrafos e quebras de linha, temos:
Parágrafo 1;<br> linha 1 do parágrafo 1,
<br>linha 2 do parágrafo 1.<P>Parágrafo 2;<br>
linha 1 do parágrafo 2, <br>linha 2 do parágrafo 2.
Parágrafo 1;
linha 1 do parágrafo 1,
linha 2 do parágrafo 1.
Parágrafo 2;
linha 1 do parágrafo 2,
linha 2 do parágrafo 2.
<P> tem atributo de alinhamento, como os cabeçalhos:
<P ALIGN=CENTER>Assim como os trens, as boas idéias às vezes chegam com atraso. <BR>(Giovani Guareschi)</P>
Assim como os trens, as boas idéias às vezes chegam com atraso.
(Giovani Guareschi)
<P ALIGN=RIGHT>Como diz o provérbio chinês: “É melhor passar por ignorante uma vez do que permanecer ignorante para sempre”.</P>
Como diz o provérbio chinês: “É melhor passar por ignorante uma vez do que permanecer ignorante para sempre”.
<P ALIGN=LEFT>Este é o alinhamento padrão (default), e por isso não vou colocar nenhuma frase especial.</P>
Este é o alinhamento padrão (default), e por isso não vou colocar nenhuma frase especial.
Linha Horizontal
<HR> insere uma linha horizontal: Essa linha tem diversos atributos, oferecendo resultados diversos.
<HR SIZE=7> insere uma linha de largura 7 (pixels):
<HR WIDTH=50%> insere uma linha que ocupa 50% do espaço disponível:
<HR WIDTH=30% ALIGN=RIGHT NOSHADE> insere uma linha de comprimento 30% (do espaço disponível), alinhada à direita, sem efeito tridimensional:
<HR SIZE=30 WIDTH=2 ALIGN=LEFT> insere uma linha de largura 30, comprimento 2, alinhada à esquerda:
Divisões
Outros elementos usados para separar porções de texto são o <DIV> e o <CENTER>.
<CENTER> centraliza os elementos - textos, imagens, tabelas - que estiverem dentro de sua marcação.
<DIV> marca uma divisão lógica de um documento. Ainda é pouco explorado, sendo inserido geralmente por editores WYSIWYG, juntamente com <P> e atributos de alinhamento.
Introdução à linguagem HTML
O documento básico e seus componentes
Cabeçalhos