A maior rede de estudos do Brasil

Grátis
27 pág.
Elementos HTML 23

Pré-visualização | Página 2 de 7

o nome das cores, poucas têm um nome 
reconhecido pelo navegador. É recomendável que se utilize sempre o código 
hexadecimal. 
2. Ao escolhermos uma imagem como fundo, devemos considerar a sua cor e nos 
preocupar também com a definição de uma cor adequada para o texto, para que 
ocorra o devido contraste entre ambas e fique assegurada a nitidez dos 
caracteres. Assim, uma imagem de cor clara exige uma cor escura para o texto, 
já um fundo de cor escura exige uma cor clara 
3. Mesmo tendo colocado uma imagem de fundo, devemos também colocar uma 
cor de fundo igual ou semelhante à cor da imagem (com o atributo bgcolor). 
Dessa maneira, mesmo que o navegador não carregue a imagem por algum 
motivo, o contraste estabelecido para o texto estará preservado. Assim, para que 
tal problema não ocorra, podemos estabelecer o seguinte: <body 
bgcolor="black" background="imagem.gif">. Mas é claro que essa preocupação 
será desnecessária, caso o texto tenha uma cor que possa apresentar-se nítida 
num fundo branco. 
background 
Como atributo de <table> 
Define uma imagem como fundo de uma tabela. Supondo a existência de um arquivo de 
imagem com o nome "imagem.gif" no mesmo diretório onde se encontra a página, 
podemos fazer o seguinte: <table background="imagem.gif">. 
Se o arquivo de imagem não estiver no mesmo diretório, será necessário especificar o 
caminho e, para fazer isso adequadamente, leia como especificar o caminho de acesso a 
arquivos (path). 
Observações: 
1. Muitas vezes você não poderá utilizar o nome das cores, poucas têm um nome 
reconhecido pelo navegador. É recomendável que se utilize sempre o código 
hexadecimal. 
2. Ao escolhermos uma imagem como fundo, devemos considerar a sua cor e nos 
preocupar também com a definição de uma cor adequada para o texto, para que 
ocorra o devido contraste entre ambas e fique assegurada a nitidez dos 
caracteres. Assim, uma imagem de cor clara exige uma cor escura para o texto, 
já um fundo de cor escura exige uma cor clara 
3. Mesmo tendo colocado uma imagem de fundo, devemos também colocar uma 
cor de fundo igual ou semelhante à cor da imagem (com o atributo bgcolor). 
Dessa maneira, mesmo que o navegador não carregue a imagem por algum 
motivo, o contraste estabelecido para o texto estará preservado. Assim, para que 
tal problema não ocorra, podemos estabelecer o seguinte: <table 
bgcolor="black" background="imagem.gif">. Mas é claro que essa preocupação 
será desnecessária, caso o texto tenha uma cor que possa apresentar-se nítida 
num fundo branco. 
text 
Como atributo de <body>. 
Define a cor do texto para todo o corpo da página, ou seja, para tudo que está entre as 
tags <body> e </body>, sendo que o padrão é black (preto). Pode-se usar o nome da 
cor, o código hexadecimal no formato #rrggbb ou o código decimal no formato 
rgb(x,x,x). Neste último formato, x pode ser um número de 0 a 255 ou um percentual de 
0% a 100%. 
Exemplos: 
<body text="blue"> 
<body text="#00FF00"> 
<body text="rgb(0,0,102)"> 
<body text="rgb(0%,0%,50%)"> 
Note que o símbolo # no início do código hexadecimal é obrigatório. 
Disponibilizamos neste site uma tabela de cores que você poderá usar. 
Se você quer que o texto da página, do início ao fim, tenha determinada cor, então 
defina esse atributo. Mas, no decorrer do texto você pode mudar a cor de segmentos da 
página, utilizando a tag <font> com o seu atributo color. Mas, depois que for aplicada a 
tag de fechamento </font>, o texto volta à cor estabelecida no atributo text de <body>. 
Veja o exemplo abaixo: 
<body text="green"> 
<p>Este parágrafo é verde, porque essa cor foi estabelecida como atributo de body.</p> 
<p><font color="blue">Estas palavras são azuis,</font> mas estas voltam a ser 
verdes.</p> 
</body> 
Observações: 
1. Muitas vezes você não poderá utilizar o nome das cores, porque poucas têm um 
nome reconhecido pelo navegador. É recomendável que se utilize sempre o 
código hexadecimal. 
2. Ao definirmos uma cor para o texto, devemos considerar a cor que foi escolhida 
como fundo, para que ocorra o devido contraste entre ambas e fique assegurada 
a nitidez dos caracteres. Assim, um fundo de cor clara exige uma cor escura para 
o texto, já um fundo de cor escura exige uma cor clara. 
 
link, vlink e alink 
Atributos de <body>. 
São três atributos que definem as cores dos links, já que estes devem diferenciar-se do 
restante do texto, para que o visitante da página possa identificá-los com facilidade.Tais 
definições valem para todos os links que aparecem dentro do corpo da página, ou seja, 
entre as tags <body> e </body>. Veja o que é definido em cada um dos atributos: 
link - Define a cor dos links que não foram visitados. 
vlink - Define a cor dos links já visitados. 
alink - Define a cor dos links ativos. Um link está ativo no momento em que se dá um 
clique nele. 
Pode-se usar o nome da cor, o código hexadecimal no formato #rrggbb ou o código 
decimal no formato rgb(x,x,x). Neste último formato, x pode ser um número de 0 a 255 
ou um percentual de 0% a 100%. Existe uma cor padrão para cada um dos três casos, 
para quando não se faz a definição. 
Exemplos: 
<body link="blue" vlink="green" alink="yellow"> 
<body link="#0000FF" vlink="#FF00FF" alink="#00FF00"> 
<body link="rgb(0,0,255)" vlink="rgb(255,0,255)" alink="rgb(0,255,0)"> 
<body link="rgb(0%,0%,100%)" vlink="rgb(100%,0%,100%)" 
alink="rgb(0%,100%,0%)"> 
Note que o símbolo # no início do código hexadecimal é obrigatório. 
Disponibilizamos neste site uma tabela de cores que você poderá usar. 
Observações: 
1. Muitas vezes você não poderá utilizar o nome das cores, porque poucas têm um 
nome reconhecido pelo navegador. É recomendável que se utilize sempre o 
código hexadecimal. 
2. Ao definirmos uma cor para o texto, devemos considerar a cor que foi escolhida 
como fundo, para que ocorra o devido contraste entre ambas e fique assegurada 
a nitidez dos caracteres. Assim, um fundo de cor clara exige uma cor escura para 
o texto, já um fundo de cor escura exige uma cor clara. 
align 
Como atributo de <p> 
Define o alinhamento do parágrafo dentro da página. O funcionamento é igual ao 
alinhamento que é feito num processador de textos, como o Word. Os valores que 
podem ser atribuídos são os seguintes: 
left - Alinhamento à esquerda (o padrão). 
right - Alinhamento à direita. 
center - Alinhamento ao centro 
justify - Faz com que as palavras sejam distribuídas dentro de cada linha do texto de 
forma a ocupar toda a largura da página, sendo que a última fica localizada na 
extremidade direita. Exemplo: <p align="right">. 
Como atributo de <h1>... <h6> 
Da mesma forma que você define o alinhamento de um parágrafo, você poderá definir o 
alinhamento de um cabeçalho. Os valores "center" e "right" são utilizados com muita 
freqüencia, além de "left" que é o padrão. Apesar de funcionar, provavelmente você não 
verá muito sentido em aplicar o valor "justify" a um cabeçalho. Exemplo: <h4 
align="center">. 
Como atributo de <hr> 
Com esse atributo você pode também definir o alinhamento de uma linha horizontal. É 
claro que neste caso você deverá também definir uma extensão com o atributo size. Isso 
porque o padrão da extensão da linha é de 100% e, sendo assim, não surtirá nenhum 
efeito um alinhamento como right ou center, já que a largura da página estará 
integralmente ocupada. Eis um exemplo: <hr size="40%" align="center"> 
Como atributo de <div> 
Outra aplicação desse atributo é na divisão de página criada pela tag <div>. O objetivo 
dessa tag é o de estabelecer uma única formatação para todo o bloco englobado por ela. 
Você define o alinhamento de todos os elementos que estão dentro do bloco por 
atacado. Suponha que você queira dar o mesmo alinhamento para dez parágrafos. Uma 
das formas seria especificar o atributo align nas dez tags <p>. Mas é melhor colocar 
tudo entre as tags <div> e </div> e fazer a definição uma vez só.