Truques e Dicas - Tutoriais de HTML - Formatação e aspecto

tutoriais

Photoshop

ASP

PHP

jogos

Galerias

fóruns

Flash

TUTORIAIS DE HTML

4. Formatação e aspecto

Página:

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:

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. 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:

Seguinte

ANÚNCIOS