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 HTMLConheç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!
Link do curso: https://go.hotmart.com/K70275475L
Dúvidas ou sugestões? Deixem nos comentários! Para mais dicas, acesse o nosso canal no YouTube:
https://youtube.com/criandobits
