Elementos HTML 23
27 pág.

Elementos HTML 23


DisciplinaAnálise Textual9.317 materiais293.619 seguidores
Pré-visualização7 páginas
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=&quot;black&quot; background=&quot;imagem.gif&quot;>. 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 &quot;imagem.gif&quot; no mesmo diretório onde se encontra a página, 
podemos fazer o seguinte: <table background=&quot;imagem.gif&quot;>. 
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=&quot;black&quot; background=&quot;imagem.gif&quot;>. 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=&quot;blue&quot;> 
<body text=&quot;#00FF00&quot;> 
<body text=&quot;rgb(0,0,102)&quot;> 
<body text=&quot;rgb(0%,0%,50%)&quot;> 
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=&quot;green&quot;> 
<p>Este parágrafo é verde, porque essa cor foi estabelecida como atributo de body.</p> 
<p><font color=&quot;blue&quot;>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=&quot;blue&quot; vlink=&quot;green&quot; alink=&quot;yellow&quot;> 
<body link=&quot;#0000FF&quot; vlink=&quot;#FF00FF&quot; alink=&quot;#00FF00&quot;> 
<body link=&quot;rgb(0,0,255)&quot; vlink=&quot;rgb(255,0,255)&quot; alink=&quot;rgb(0,255,0)&quot;> 
<body link=&quot;rgb(0%,0%,100%)&quot; vlink=&quot;rgb(100%,0%,100%)&quot; 
alink=&quot;rgb(0%,100%,0%)&quot;> 
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=&quot;right&quot;>. 
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 &quot;center&quot; e &quot;right&quot; são utilizados com muita 
freqüencia, além de &quot;left&quot; que é o padrão. Apesar de funcionar, provavelmente você não 
verá muito sentido em aplicar o valor &quot;justify&quot; a um cabeçalho. Exemplo: <h4 
align=&quot;center&quot;>. 
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=&quot;40%&quot; align=&quot;center&quot;> 
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ó.