Atributos gerais de um documento
Como visto anteriormente (documento básico e seus componentes), <HEAD> contém
informações sobre o documento. Além de <TITLE>, existem diversos outros campos de informação, sendo os campos <META> os mais usados.
Campos <META>
Os campos <META> têm dois atributos principais:
NAME , indicando um nome para a informação
HTTP-EQUIV , que faz uma correspondência com campos de cabeçalho do protocolo HTTP; a informação desse campo pode ser lida pelos browsers, e provocar algumas ações.
- <HEAD>
- <TITLE>Titulo do Documento</TITLE>
- <META NAME="nome" CONTENT="valor">
- <META HTTP-EQUIV="nome" CONTENT="valor">
- </HEAD>
Este documento, por exemplo, tem as seguintes informações:
- <HEAD>
- <TITLE>Atributos de documentos em HTML</TITLE>
- <meta name=Author content=Maria Alice Soares de Castro ([email protected])>
- <META NAME=Description CONTENT=Tutorial basico-avancado para suporte `a editoracao de documentos Web.>
- <META NAME=KeyWords CONTENT=HTML, WWW, Webpublishing>
- <META NAME=Editor CONTENT=W3e - 5.22c>
- </HEAD>
Alguns desses atributos são inseridos automaticamente pelos editores.
Um exemplo de uso do atributo HTTP-EQUIV é promover a mudança automática de páginas.
Veja este exemplo (funciona com Netscape, Internet Explorer 2.0 em diante, e Mosaic 2.0 em diante - o Mosaic avisa que um novo documento estará sendo carregado automaticamente e pede sua permissão para fazê-lo)
Agora que você voltou do exemplo, veja como esse efeito é conseguido:
<HEAD>
<TITLE> ... </TITLE>
<META HTTP-EQUIV="Refresh" CONTENT="segundos; URL= pagina.html">
</HEAD>
onde:
- pagina.html
- é a página a ser carregada automaticamente
- segundos
- é o número de segundos passados até que a página indicada seja carregada.
Como foi comentado no exemplo, o efeito é interessante, mas para que serve? Se não pensamos em uma finalidade útil para esse efeito, caímos na tentação de usá-lo à toa.
A aplicação mais utilizada é a atualização automática de um documento que, por exemplo, tenha uma foto produzida por uma câmara de vídeo: pode-se forçar, com o refresh, a atualização dessa página, mostrando para o leitor sempre uma imagem mais atual de algum evento sendo focalizado pela câmara. Outra utilização é em chats, ou em páginas que desviem a navegação por documentos desenvolvidos para browsers avançados.
|
Introdução à linguagem HTML
O documento básico e seus componentes
Atributos gerais de um documento
Campos <META>
Atributos de <BODY>
Cabeçalhos
Separadores
Listas
Formatação de textos e caracteres
Ligações (uso de links)
Inserção de imagens
|
Atributos de <BODY>
Através de atributos de <BODY> , podemos definir cores para os textos, links e para o fundo das páginas, bem como uma imagem de fundo (marca dágua):
- <BODY BGCOLOR="#rrggbb" TEXT="#rrggbb" LINK="#rrggbb" ALINK="#rrggbb" VLINK="#rrggbb" BACKGROUND="URL">
onde:
BGCOLOR
- cor de fundo (padrão: cinza ou branco)
TEXT
- cor dos textos da página (padrão: preto)
LINK
- a cor dos links (padrão: azul)
ALINK
- cor dos links, quando acionados (padrão: vermelho)
VLINK
- cor dos links, depois de visitados (padrão: azul escuro ou roxo)
- Seus valores são dados em valores hexadecimais, equivalentes a cores no padrão RGB (
Red, Green, Blue ). Existem tabelas de cores com esses valores, mas grande parte dos editores já oferece uma interface bem amigável através da qual escolhemos as cores desejadas, sem nos preocuparmos com números esdrúxulos tais como #FF80A0 .
- Browsers que seguem a definição de HTML 3.2 também aceitam 16 nomes de cores, tirados da paleta VGA do Windows - por exemplo, podemos escrever
BGCOLOR="BLUE" . Porém, browsers mais antigos não apresentarão as cores indicadas.
- Este documento tem a seguinte definição de atributos gerais:
<BODY BGCOLOR="#FFFFFF" LINK="#008000" VLINK="#000000" ALINK="#FFFF00">
BACKGROUND
- indica o URL da imagem a ser replicada no fundo da página, como uma marca dágua. Veja o exemplo de uma página cuja imagem de fundo é
.
-
|
O nome das cores
Os 16 nomes de cores aceitos segundo o HTML 3.2 são estes:
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.
Introdução à linguagem HTML
O documento básico e seus componentes
Atributos gerais de um documento
Campos <META>
Atributos de <BODY>
Cabeçalhos
Separadores
Listas
Formatação de textos e caracteres
Ligações (uso de links)
Inserção de imagens
|