HTML - Hipertext Markup Language
 
4. 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 , na seguinte tabela podemos ver alguns dos mais importantes:

 
Dicas:
 
Branco: #FFFFFF Amarelo: #FFFF00  
Preto: #000000 Magenta: #FF00FF
Cinza: #999999 Azul claro: #00FFFF
Vermelho: #FF0000 Laranja: #FF6600
Verde: #00FF00 Verde escuro: #006600
Azul: #0000FF Azul escuro: #000066
 
No entanto, muitas vezes muito mais importante que as cores, é o alinhamento dos elementos da página. 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: