Estrutura de um documento html

< !DOCTYPE HTML >
< html lang="pt-br" > < head > < title >Título do Documento < body > aqui fica a página, texto (geralmente < p >, < div > ou < span >), imagem (< img >), links (< a >), ...

As etiquetas básicas de HTML, cuja presença é altamente recomendada nas páginas são:

: define o início de um documento HTML e indica ao navegador que todo conteúdo posterior deve ser tratado como uma série de códigos HTML : define o cabeçalho de um documento HTML, que traz informações sobre o documento que está sendo aberto : define o conteúdo principal, o corpo do documento. Esta é a parte do documento HTML que é exibida no navegador. No corpo podem-se definir propriedades comuns a toda a página, como cor de fundo, margens, e outras formatações

Cabeçalho

Dentro do cabeçalho podemos encontrar os seguintes comandos:

: define o título da página, que é exibido na barra de título dos navegadores : define formatação em CSS : define programação de certas funções em página com scripts, podendo adicionar funções de JavaScript : define ligações da página com outros arquivos como feeds, CSS, scripts, etc : define propriedades da página, como codificação de caracteres, descrição da página, autor, etc. São meta informações sobre documento. Tais campos são muitos usados por mecanismos de busca(como o Google) para obterem mais informações sobre o documento, a fim de classificá-lo melhor. Por exemplo, pode-se adicionar o código no documento HTML para indicar ao motor de busca que texto de descrição apresentar junto com a ligação para o documento. Para o sistema Google, comandos meta como keywords por exemplo não são utilizadas para indexar páginas. Apenas e a meta são usadas para descrever a página indexada[6]

Obs: as etiquetas e servem tanto para delimitar o espaço usados pelos códigos na página quanto para invocar códigos existentes em outros arquivos externos.

Corpo

Dentro do