Lembra-se do esquema básico de uma página HTML?
<HTML>
<HEAD>
<TITLE>
o título da página (o desta é "Cores", veja lá em cima)
</TITLE>
<BODY>
...
a página própriamente dita vai toda aqui
...
</BODY>
</HTML>
Pergunta: onde meto as cores?
Resposta: no corpo da página, afinal é o que os outros vão ver!
Pergunta: e como se faz isso?
Resposta: fácil, vamos por partes, ok?
As cores podem ser utilizadas em várias coisas.
- No fundo.
- No texto.
- Em geral.
- Individualizado.
- Nos Links.
- Por visitar.
- Visitados.
- Activos (a cor que ficam enquanto se carrega neles).
Todas estas indicações são dadas na Tag <BODY>,
excepto para a cor de texto individualizado. O formato é:
<BODY BGCOLOR="#CorFundo" TEXT="#CorTexto" LINK="#CorLinksPorVisitar" VLINK="#CorLinksVisitados" ALINK="#CorLinksActivos">
- A ordem é arbitrária.
- As aspas e o # teem de lá estar.
- As cores são dadas codificadas no seu valor RGB utilizando 6 dígitos
hexadecimais, dois por cada cor primária.
Tradução para português: não se preocupe, continue a lêr.
Exemplo de cores (0 = zero):
- #FFFFFF Branco
- #FF0000 Vermelho
- #00FF00 Verde
- #0000FF Azul
- #FFFF00 Amarelo
- #FF00FF Magenta
- #00FFFF Cyan
- #000000 Preto
Nesta página, por exemplo, utilizou-se:
<BODY BGCOLOR="#00395D" TEXT="#FFFFFF" LINK="#FFD170" VLINK="#FFFFFF" ALINK="#FFFF00">
Claro que como se vê pelo exemplo há imensas cores disponíveis.
Pode consultar uma tabela cheia delas e com os respectivos valores.
Também se pode indicar a cor de uma letra, de uma palavra, de uma frase, etc.
- o que acima se chamou texto individualizado. Esta indicação
sobrepõe-se à cor do texto geral da página, mas não às
cores dos Links.
O mais fácil é dar um exemplo...
Código:
Uma palavra em <FONT COLOR="#FFFF00">amarelo</FONT> e outra
em <FONT COLOR="#00FF00">verde</FONT>. Que tal?
Resultado:
Uma palavra em amarelo e outra em
verde. Que tal?
Viu? <FONT COLOR="#CorQualquer"> o texto que se quer nessa cor,
e termina-se com </FONT>, para voltar tudo à cor antiga.
Duas notas!
- É possível substituir o código da cor pelo seu nome em inglês.
Blue em vez de #0000FF, Yellow em vez de #FFFF00, etc.
Como há Browsers que não entendem isso, não recomendo o uso...
- Pode-se usar a mesma Tag para o tamanho e a cor do texto.
<FONT SIZE="+2" COLOR="#00FF00">,
por exemplo. Sempre se poupa trabalho.
Imagens de fundo (Background)
Também é possível ter uma imagem de fundo, em vez de uma cor apenas.
E sim, também se indica isso junto com as restantes cores!
Basta em <BODY etc...> acrescentar BACKGROUND="imagem.gif",
indicando-se o nome da imagem que se vai utilizar, obrigatóriamente em formato GIF.
Fica assim:
<BODY BACKGROUND="imagem.gif" TEXT="#... etc ...>
- Mesmo que o fundo da página tenha uma imagem, é aconselhável
ter também uma indicação de cor.
Se os seu leitores tiverem as imagens desligadas no Browser,
sempre os poupa a um fundo cinzento...
- Tenha cuidado para não tornar as páginas difíceis de ler
por causa do fundo.
- Os Browsers repetem a imagem de fundo as vezes que forem
necessárias para cobrirem a página toda, cuidado com imagens
que não "colem" bem.
- Para saber onde e como obter imagens para o fundo (e não só) dê
um saltinho aqui.
|
