Formatação e aspecto

Todas as páginas que vemos na Internet têm algo mais que texto corrido e monótono. Antes de mais, podemos mudar a cor de uma página:

(HTML)(HEAD)(TITLE)Página com cor(/TITLE)(/HEAD)
(BODY BGCOLOR="#FFFF00" TEXT="#0000FF" LINK="#FF0000")
Texto normal(BR)(A HREF="outra.htm")Texto com link(/A)
(/BODY)
(/HTML)

O resultado será o seguinte:
Aqui foram acrescentados três parâmetros adicionais ao ‘tag’ (BODY). BGCOLOR define a cor de fundo da página, TEXT a cor por defeito do texto, LINK a cor de uma hiper-ligação. Existem ainda os parâmetros adicionais ALINK e VLINK que definem, respectivamente, a cor de uma ligação activa (quando se clica sobre ela) e a cor de uma ligação já visitada previamente.

O que está dentro destes parâmetros? O código hexadecimal correspondente à cor (mais informação sobre isto encontra-se no artigo sobre o uso da cor, na seguinte tabela podemos ver alguns dos mais importantes:

No entanto, muitas vezes muito mais importante que as cores, é o alinhamento dos elementos da página. Por defeito tudo fica alinhado à esquerda, mas é possível mudar isso:

(BODY)
(DIV ALIGN="CENTER")TEXTO CENTRADO(/DIV)
(DIV ALIGN="RIGHT")TEXTO À DIREITA(/DIV)
Texto à esquerda
(/BODY)


O texto em maiúsculas tem o seu alinhamento alterado, a utilização do ‘tag’ (DIV) também provoca quebras de linha:


Porquê? O ‘tag’ (P) é utilizado para a definição de parágrafos, como o seguinte exemplo o demonstra:

(BODY)
(P)Bloco de texto(/P)
(P)Outro bloco de texto(BR)com mudança de linha(/P)
(/BODY)

Existe uma diferença clara entre o espaçamento introduzido por uma mudança de parágrafo e aquele que surge através do ‘tag’ (BR), de quebra de linha: