Aprenda Desafio: Estruturar Corretamente um Documento HTML

Objetivo

Construir a página correta criando uma estrutura básica de documento HTML. Essa estrutura é a base de toda página HTML e consiste em elementos essenciais que os navegadores precisam para renderizar seu conteúdo corretamente.

Nota

Não se deixe enganar pela aparente simplicidade do design da página. Embora possa parecer simples, é fundamental manter a estrutura correta do documento. Isso garante que o site mantenha legibilidade e funcionalidade em todos os navegadores.

Tarefa

Crie uma estrutura básica de documento HTML. Se já tiver confiança em suas habilidades, sinta-se à vontade para prosseguir sem o guia passo a passo. No entanto, se desejar mais orientação, um passo a passo está disponível para auxiliá-lo durante o processo.

Guia Passo a Passo

Passo 1: Iniciar o Documento HTML

Comece digitando a declaração do doctype HTML, que informa ao navegador que o documento está escrito em HTML. A declaração deve ser a primeira linha do seu documento HTML:

index.html

Etapa 2: Adicionar as Tags de Abertura e Fechamento html

Após a declaração do doctype, adicione as tags de abertura e fechamento HTML. Toda a estrutura do documento HTML estará contida dentro dessas tags. Além disso, inclua o atributo lang para especificar o idioma do documento:

index.html

Etapa 3: Criar a Seção head

Adicione as tags de abertura e fechamento <head> dentro das tags HTML. A seção head contém metainformações sobre o documento HTML, como o título e links para folhas de estilo externas:

index.html

Etapa 4: Adicionar o Título

Dentro das tags <head>, adicionar as tags de abertura e fechamento <title>. O texto inserido entre essas tags será exibido como o título da página web na barra de título ou na aba do navegador:

index.html

Etapa 5: Criar a seção body

Após a seção <head>, adicione as tags de abertura e fechamento <body>. A seção body contém o conteúdo visível da página web:

index.html

Etapa 6: Adicionar conteúdo ao body

É possível adicionar elementos dentro das tags <body>, como títulos, parágrafos, imagens, links, entre outros. Veja um exemplo de como adicionar um título e um parágrafo:

index.html

Experimente Você Mesmo

index.html

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 3. Capítulo 5

Pergunte à IA

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Suggested prompts:

Can you show me an example of a complete basic HTML document?

What should I put as the title of the webpage?

Can you explain the purpose of each section in the HTML structure?

Deslize para mostrar o menu

Objetivo

Nota

Tarefa

Guia Passo a Passo

Passo 1: Iniciar o Documento HTML

Comece digitando a declaração do doctype HTML, que informa ao navegador que o documento está escrito em HTML. A declaração deve ser a primeira linha do seu documento HTML:

index.html

Etapa 2: Adicionar as Tags de Abertura e Fechamento html

index.html

Etapa 3: Criar a Seção head

Adicione as tags de abertura e fechamento <head> dentro das tags HTML. A seção head contém metainformações sobre o documento HTML, como o título e links para folhas de estilo externas:

index.html

Etapa 4: Adicionar o Título

index.html

Etapa 5: Criar a seção body

Após a seção <head>, adicione as tags de abertura e fechamento <body>. A seção body contém o conteúdo visível da página web:

index.html

Etapa 6: Adicionar conteúdo ao body

É possível adicionar elementos dentro das tags <body>, como títulos, parágrafos, imagens, links, entre outros. Veja um exemplo de como adicionar um título e um parágrafo:

index.html

Experimente Você Mesmo

index.html

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 3. Capítulo 5