Aula 002 Introdução à estrutura básica de uma página HTML5
1 Objetivo da aula
Nesta aula você aprenderá a montar a estrutura mínima correta de um documento HTML5, compreendendo a função das principais tags estruturais e criando sua primeira página funcional para abertura direta no navegador.
2 A ideia central de um documento HTML
Todo documento HTML é organizado em duas grandes partes. A primeira contém informações descritivas e técnicas sobre a página. A segunda contém o conteúdo que será exibido ao usuário.
- Head: informações sobre a página.
- Body: conteúdo visível no navegador.
3 Estrutura mínima de um HTML5
Um documento HTML5 completo possui uma sequência lógica de elementos que garante correta interpretação pelos navegadores modernos.
- Declaração do tipo de documento.
- Elemento html com definição de idioma.
- Seção head com metadados.
- Seção body com o conteúdo.
4 Declaração do DOCTYPE
A declaração do tipo de documento informa ao navegador que o código utiliza o padrão HTML5. Isso evita comportamentos antigos de renderização e garante maior compatibilidade.
5 A tag html e o atributo lang
A tag html envolve todo o documento. O atributo lang define o idioma principal do conteúdo, auxiliando leitores de tela, mecanismos de busca e ferramentas de acessibilidade.
Para conteúdos em português do Brasil, utiliza-se o valor pt-BR.
6 O que vai dentro do head
A seção head contém informações que não aparecem diretamente na página, mas são essenciais para o funcionamento correto do documento.
- Definição de codificação de caracteres.
- Configuração de visualização em dispositivos móveis.
- Título exibido na aba do navegador.
- Descrição da página para buscadores.
7 O que vai dentro do body
A seção body contém todos os elementos que o usuário visualiza, como textos, listas, links, imagens e formulários. Nesta etapa inicial, utilizamos apenas um título e um parágrafo.
8 Exercício prático
- Acesse a pasta curso-html.
- Crie a pasta aula-02.
- Crie o arquivo index.html.
- Escreva a estrutura básica do HTML5.
- Salve e abra o arquivo no navegador.
9 Lista de verificação
- Arquivo salvo com extensão html.
- Declaração do tipo de documento presente.
- Tags html, head e body corretamente organizadas.
- Codificação UTF-8 definida.
- Configuração de visualização responsiva aplicada.
- Título exibido corretamente na aba do navegador.
10 Resumo da aula
Nesta aula você compreendeu a estrutura fundamental de um documento HTML5, a função das principais seções e criou a base estrutural que será reutilizada ao longo de todo o curso.
0 comentários:
Postar um comentário