Este descritor não faz parte do HTML. Só deve aparecer uma vez no início do documento para informar a versão do HTML usado. A maioria dos browsers não reclamam a falta desse descritor, mas seu uso é recomendado pela especificação pois facilita a validação e o uso por outros browsers no futuro.
É o comando de
abertura e fechamento do documento HTML. Todos os demais comandos devem ser envolvidos por ele.
Atributos opcionais:
VERSION="versão"
Informa a versão do HTML usado.
LAN="idioma"
Determina qual idioma o arquivo está escrito. A versão 4 do HTML aceita todas as designações
das línguas pertencentes à ISO-639.
<HTML LANG="en-US">
...o corpo do arquivo...
</HTML>
No exemplo acima estou declarando que o arquivo HTML está no idioma Inglês Americano. Porém os idiomas diferem de muitas maneiras quanto à aparência impressa, tais como, tipos de caracteres, fluxo direcional e uma infinidade de peculiaridades principalmente nos idiomas orientais.
DIR="RTL | LTR"
Determina a direção do fluxo do texto: RTL da direita para a esquerda,
LTR da esquerda para a direita. Exemplo:
Esta página formatada com DIR="RTL" ficaria assim: Observe que até a barra de rolagem vertical inverteu o sentido passando para o lado esquerdo do monitor.<HTML LANG="HE" DIR="RTL">
...este é um arquivo HTML formatado para o idioma Hebraico...
</HTML>
Contém o cabeçalho do documento HTML também conhecido como Meta Tag que consiste numa coleção não-ordenada de informações sobre o documento para fins de classificação e indexação. As informações contidas entre <HEAD> e </HEAD> não aparecem na página visualizada. Aqui está o cabeçalho do arquivo index.htm de minha homepage. Nele contém o título, E-mail, autoria, palavras chaves, descrição e linguagem. Estas são as informações necessárias para identificação da página através dos mecanismos de busca da Rede.
<HEAD>
<TITLE>Tutorial HTML Edaurelio</TITLE>
<LINK REV=made href="mailto:edaurelio@hotmail.com">
<META NAME="author" CONTENT="Eloy Dorival Aurelio">
<META NAME="keywords" CONTENT="HTML, html, edaurelio, glossario,
www, glossário, tutorial, curso, comandos">
<META NAME="description" CONTENT="Curso de HTML, básico & avançado,
guia de comandos, glossário. Mais de 3MBytes de informação">
<META NAME="language" CONTENT="Portuguese">
<META NAME="ROBOTS" CONTENT="all, follow">
<!-- Metadata generated by http://orbita.starmedia.com -->
</HEAD>
Outros comandos especificados dentro de <head> são: ISINDEX, BASE, NEXTID, e LINK.
Contém o corpo do
documento HTML, a parte que aparece na área de visualização do browser. Os atributos alteram
a cor ou imagem de fundo (papel de parede) e as cores do texto e links.
Atributos:
BACKGROUND="URL"
Contém a URL da imagem que cobrirá o fundo da área de visualização do documento.
<BODY BACKGROUND="imagens/sol.jpg">
O arquivo de imagem, sol.jpg, que utilizei como fundo vai se repetir tantas vezes quanto for necessário para cobrir toda a tela. Este processo recebe o nome de tiling ou "lado a lado".
BGCOLOR="#rrggbb"
ou "nome"
Indica um número em hexadecimal ou um nome que define a cor de fundo. O nome é uma das 16 cores universalmente conhecidas (padrão VGA do Windows):
| aqua, black, blue, fuchsia, gray, green, lime, maroon, |
| navy, olive, purple, red, silver, teal, white, yellow. |
TEXT="#rrggbb" ou
"nome"
Configura a cor de texto sendo que o padrão é preto (text="#000000").
LINK="#rrggbb" ou
"nome"
Configura a cor de texto do link, sendo que o padrão é azul (link="#0000FF").
ALINK="#rrggbb" ou
"nome"
Configura a cor do link já visitado, o padrão é o vermelho (alink="#FF0000").
VLINK="#rrggbb" ou
"nome"
Configura a cor do link ativo, sendo que a cor padrão é vermelho púrpura (vlink="#800080").
HOVER="#rrggbb" ou
"nome"
Configura a cor do link quando o cursor estiver sobre ele. Sua cor é opcional.
BGPROPERTIES="fixed".
Mantém o papel de parede fixo no fundo da tela, impedindo que o ele role junto com
o conteúdo da página.
LEFTMARGIN="n".
Define o tamanho, em pixels, do espaço entre o início do texto e a borda esquerda
da área de visualização do browser.
TOPMARGIN="n".
Define o tamanho, em pixels, do espaço entre o início do texto e a borda superior
da área de visualização do browser.
SCROLL="yes | no | auto".
Este atributo define se a página terá as barras de rolagens horizontal e vertical. Onde "yes"
SEMPRE apresentará as barras mesmo que a página não precise, "no" NUNCA apresentará as barras mesmo
que a página precise e "auto" apresentará as barras automaticamente caso a página venha a
precisar delas. No exemplo a seguir configurei SCROLL="no", isso é, ele irá
apresentar uma página sem as barras.
Qualquer dúvida sobre o emprego da sintaxe basta olhar o código fonte deste exemplo. NOTA: Este atributo só funciona no browser Internet Explorer.
Uma maneira de dificultar o acesso ao código fonte de seu arquivo HTML é desabilitar os comandos de seleção e menus acionados pelo mouse. Aqui estão os dois atributos utilizados para isso:
oncontextmenu="return false"
Desabilita o menu acionado através do botão direito do mouse.
onselectstart="return false"
Desabilita o recurso de seleção feito com o botão esquerdo do mouse pressionado sobre o texto.
Estes dois atributos de eventos devem ser colocados dentro de BODY do arquivo HTML que você quer proteger. Agora vamos ao exemplo prático:
<BODY oncontextmenu="return false" onselectstart="return false">
Agora tente selecionar o texto ou acionar o menu de comandos com o botão direito do mouse. Viu! Aumentei o grau de dificuldade de acesso ao código fonte, porém... tratando-se de Copyright, nada está seguro na WEB. Para burlar este artifício bastaria copiar minha página para seu HD e depois abri-la com o WordPad e pronto! Isso é assustadoramente simples!! Pior ainda é saber que os browsers Netscape & Opera sequer reconhecem essa proteção.
Um artifício muito utilizado por programadores é o comentário, ou seja, aquelas notas de página, informações de copyright que só devem ser vistas por quem for bisbilhotar o código fonte. Tudo o que for escrito entre o <!-- e o --> será ignorado pelo browser e não será mostrado na tela. Ele pode ser usado em qualquer lugar do documento.
Agora vamos retornar aquele exemplo de <HEAD>...</HEAD> (cabeçalho) e identifique um comentário da Starmedia inserido nele. [Ver]. Outro comando com função similar é o <COMMENT> ...</COMMENT>.