1.6 Tags e Atributos

Seg Jan 31 2011, 11:59

Um documento escrito em HTML pode ser formado de várias maneiras. Você pode especificar cores para determinadas fontes , ou ainda , aplicar uma imagem de fundo na página. Afina, são esses detalhes que tornam a aparência de uma página mais interessante.

Além das tags já apresentadas na estrutura básica do documento, o HTML possui muitas outras que serão estudadas agora e no decorrer do capítulo ..

1.6.1 Tag

Código:

<META>

Como visto anteriormente, a tag

Código:: <HEAD>

contém informações sobre documento. Além do título da página, existem diversas outras tags utilizadas para ordenar informações, sendo as tags

Código:: <META>

as mais usadas .

A tag

Código:: <META>

é um elemento HTML que aparece no cabeçalho de um documento para definir o que está contido dentro dele. Ela identifica as meta-informações ou os dados sobre o conteúdo de um documento

Essa tag é utilizada por motores de pesqiosa, ou seja , os mecanismos de busca, para coletar informações sobre sites na Web.

A tag inicial é obrigatória, porém o uso da tag final é opcional .

1.6.1.1 Atributos da Tag

Código:: <META>

Veja a seguir alguns dos atributos da tag

Código:: <META>

:

* NAME: Indica um nome para a informação
* HTTP-EQUIV: Que faz uma correspondência com campos de cabeçalho do protocolo http. Os valores desse campo pode ser lidos pelos navegadores e assim pode desencadear uma ação
* Content: Especifica meta-informação para que seja associada com o primeiro nome ou cabeçalho de resposta HTTP. o valor do atributo Content, depende do valor especificado no atributo HTTP-EQUIV

Veja a seguir um dos possíveis valores utilizados nesses atributos

HTTP-EQUIV	CONTENT
Refresh	Delay [;url] O atributo delay é o número de segundos que o navegador espera antes de recarregar. Se nenhuma url é especificada, o navegador recarrega o documento atual
Content-Type	text/html; CHARSET = character-set : O atributo character-set é utilizado para especificar um conjunto de caracteres para o documento

Veja a seguir, alguns exemplos do uso da tag

Código:: <META HTTP-EQUIV="Content-Type CONTENT="text/html; CHARSET=Windows-1251

nesse exemplo, o conjunto de carcateres é ajustado no próprio documento. Esse atributo é utilizado pelo navegador.

Código:: <META HTTP-EQUIV="REFRESH" CONTENT=3>

Nesse exemplo, o navegador recarrega o documento atual a cada 3 segundos.

Código:: [quote]<META HTTP-EQUIV="REFRESH" CONTENT="7; URL=http://www.abc.com/contato.htm">[/quote]

Nesse exemplo, o navegador é forçado a carregar um novo documento [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] após uma espera de sete segundos.

1.6.2. Atributos da Tag

Código:: <BODY>

Através de atributos da tag

Código:: <BODY>

, podemos definir cores para texto, links e para o fundo das páginas, bem como uma imagem de fundo para um documento
A seguir veja alguns dos atributos mais comumente utilizados da tag

Código:: <BODY>:

* BGCOLOR: Cor de fundo da página. Se não for indicada uma cor de fundo, o navegador exibirá o valor padrão, que pode ser cinza ou branco.

Exemplo:

Código:: <BODY BGCOLOR = cor >

--------------------------------------------
* TEXT: Cor do texto do documento. O Valor padrão é preto.

Exemplo:

Código:: <BODY TEXT = cor >[/b]

---------------------------------------------

* Link: Cor do link do documento. O valor padrão é azul.

Exemplo:

Código:: <BODY LINK = COR >

----------------------------------------------

* VLINK: Cor do link visitado do documento. O valor padrão é roxo ou azul escuro

Exemplo

Código:: <[b]BODY VLINK[/b] = cor >

----------------------------------------------

* Alink: Cor do link ativo, quando o usuário clica com o mouse. A cor do padrão é vermelho

Exemplo:

Código:: [b]<BODY ALINK[/b] = cor>

-----------------------------------------------

* BACKGROUND: Indica a cor ou endereço da imagem que será aplicada no fundo da página

Exemplo:

Código:: [b]<BODY BACKGROUND[/b] = cor ou url>[/b]

----------------------------------------------

Esses são os mais usados atualmente , mais embreve será colocado mais atributos .!

Fonte : Apostila Design e Web , e Eu Very Happy