Estrutura básica de documentos HTML

A estrutura básica de documentos HTML é composta por três blocos principais.

O primeiro bloco engloba os dois outros, sendo aberto logo no início do documento e fechado por último. É esse bloco que indica ao browser que o documento é uma página HTML. A tag que define este bloco é:

<html> (abertura do bloco)
</html> (fechamento do bloco)

O segundo bloco trata-se do cabeçalho e vem logo após a abertura da página HTML que foi demonstrada acima.

São através do cabeçalho que o browser identifica várias informações importantes para que possa exibir uma página requisitada, mas para os desenvolvedores HTML, basta saber que é obrigatório declarar apenas o título dentro do cabeçalho, pois as demais informações são negociadas pelo próprio navegador.

É importante que fique bem claro que este título é referente ao topo da janela do navegador e não ao título do documento que será exposto na página.

É interessante que este tenha relação com o conteúdo do documento, pois alguns sites de busca utilizam este título da janela como identificador do conteúdo apresentado na página.

Tags usadas na declaração do cabeçalho:

<head> (abertura do bloco de cabeçalho)

O primeiro filho do elemento raiz, <head> contém metadados, que são informações sobre a página.

<title> (abertura da tag usada para colocar o título da janela)
Meu título desta janela (texto que aparecerá como título)
</title> (fechamento da tag usada para colocar o título na janela)
</head> (fechamento do bloco de cabeçalho)

O terceiro bloco é referente ao corpo da página, onde realmente serão aplicados todos os recursos multimídia e de formatação disponíveis na linguagem HTML para a exibição de seu conteúdo.

Tag utilizada para delimitar o corpo da página:

<body> (abertura do corpo da página)
</body> (fechamento do corpo da página)

Estrutura básica de um documento HTML:

 <html>  indica que se trata de um documento HTML
  <head>  cabeçalho 
    <title>Título</title>  título da página
  </head> fecha cabeçalho
   <body> indica o corpo do texto (conteúdo)
      Conteúdo da página ...
   </body>  fecha o corpo
 </html>  fecha documento HTML

QUER TER ACESSO EXCLUSIVO A CURSOS DE PROGRAMAÇÃO, CRIPTOMOEDAS, MARKETING, EMPREENDEDORISMO E MUITO MAIS?
Conheça a Danki Club e tenha acesso a uma infinidade de cursos na área de programação web, Android e IOS. Desenvolvimento de games, Blockchain e criptomoedas. Produtividade, marketing, empreendedorismo e muito mais!
CLIQUE NA IMAGEM ABAIXO E VEJA MAIS DETALHES:

CLIQUE AQUI E SAIBA MAIS

Elementos gráficos em HTML

Dúvidas ou sugestões? Deixem nos comentários! Para mais dicas, acesse o nosso canal no YouTube:
https://youtube.com/criandobits