+ TÍTULO DA PÁGINA

CORPO DA PAGINA

!DOCTYPE html

A partir da HTML5, quando a HTML deixou de ser baseada na SGML, a declaração do Doctype foi simplificada, como visto a seguir: Comparando as declarações do Doctype entre a HTML5 e a HTML4, notamos algumas diferenças. A principal é que a HTML5, ao contrário das versões anteriores, não se baseia na SGML e, portanto, não requer referência a um DTD

TAG HTML

A tag inicial, após a declaração do Doctype, é a . Tal elemento é a raiz do documento. Logo, e lembrando que o código HTML é composto por uma estrutura hierárquica de tags, podemos dizer que a é a raiz da árvore do documento. Outra característica importante é que uma tag deve ser aberta e fechada. A declaração é a abertura, e o seu fechamento se dá com a declaração . Com isso, observando a imagem anterior, é possível perceber que as demais tags estão contidas dentro da tag raiz,

TAG LANG

Antecipando um conteúdo que será visto mais adiante, cabe destacar outro elemento importante referente à tag raiz: o atributo lang. Este, propositalmente, não foi inserido na Figura Estrutura básica de uma página Web, uma vez que ainda não tratamos dos conceitos de atributo. Por ora, cabe dizer que este atributo global (por ser declarado na tag raiz) deve ser utilizado para definir o idioma da página – podendo também ser aplicado a outras tags, definindo o idioma delas. Alguns exemplos de sua declaração:

TAG HEAD

-A tag é chamada de cabeçalho do documento. Fazendo analogia ao corpo humano, devemos vê-la como a cabeça, uma vez que contém as tags que serão usadas para manter todo o documento funcionando e em ordem. Na tabela a seguir visualizamos as tags que fazema parte do cabeçlho

TÍTLE

É o título do documento, sendo visualizada na barra de título do navegador.

META

Engloba uma série de informações – comumente chamadas de metainformações – como a descrição da página, palavras-chave etc.

SCRIPT

É responsável pela inclusão e/ou definição de scripts relacionados ao documento.

LINK

É responsável pela inclusão de folhas de estilo (externas) relacionadas ao documento. Também possibilita a inclusão de favicons (pequenos ícones que aparecem na barra de endereços do navegador).

STYLE

Assim como a anterior, é responsável pelo vínculo de folhas de estilo ao documento − quando elas são declaradas diretamente no documento.