27 pág.
Denunciar
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ó.