HTML COM ACESSIBILIDADE

Estrutura básica de uma página em HTML

Agora que você está mais familiarizado com os termos e conceitos do HTML, vamos aprofundar um pouco mais os nossos estudos nesta linguagem.

A estrutura básica de um documento 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 nós desenvolvedores em HTML, basta sabermos que é obrigatório declararmos 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)
<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)

Esta tag, delimitadora do corpo da página, possui alguns atributos no qual estudaremos mais tarde como e para que utilizá-los.

Veja agora, um exemplo completo de uma estrutura básica de uma página em HTML. Observe bem a distribuição das tags na montagem do documento.

<html>
<head>
<title> MEU TÍTULO DA JANELA </title>
</head>
<body>
</body>
</html>

 

Pressione ENTER para retornar a página anterior.Pressione ENTER para retornar ao Menu. Pressione ENTER para avançar para a próxima página.