Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Desafio: Estruturar um Documento HTML | Fundamentos do HTML
Fundamentos de HTML

bookDesafio: Estruturar um Documento HTML

Este é o seu primeiro desafio! Os desafios ajudam a praticar o que foi aprendido, aplicando a teoria em código real, portanto, não os ignore.

Veja como funciona:

  • Uma tarefa será apresentada;
  • Um bloco de código com partes faltando será fornecido;
  • O objetivo é preencher as lacunas e executar o código para verificar a resposta.

Abaixo do código, há dois botões:

  • O botão revela dicas para ajudar no desafio;
  • O botão mostra o código completo para esse desafio específico.

Experimente, teste diferentes opções e desenvolva confiança ao longo do processo. Boa sorte!

Tarefa

Preencha as lacunas para criar a estrutura básica de um documento HTML.

index.html

index.html

copy

Dica

  • Etapa 1: A declaração do tipo de documento deve ser <!DOCTYPE html>. Esta declaração informa ao navegador que o documento está escrito em HTML5.
  • Etapa 2: Preencher os espaços em branco com as tags de abertura e fechamento apropriadas (<head></head>) para a seção head.
  • Etapa 3: Utilizar UTF-8 como codificação de caracteres.
  • Etapa 4: Preencher os espaços em branco com as tags de abertura e fechamento apropriadas (<body></body>) para a seção body.
index.html

index.html

copy
Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 2

Pergunte à IA

expand

Pergunte à IA

ChatGPT

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

Suggested prompts:

Can you show me the code block that needs to be completed?

What should I do after filling in the blanks?

Can you explain what each part of the HTML structure does?

Awesome!

Completion rate improved to 2.86

bookDesafio: Estruturar um Documento HTML

Deslize para mostrar o menu

Este é o seu primeiro desafio! Os desafios ajudam a praticar o que foi aprendido, aplicando a teoria em código real, portanto, não os ignore.

Veja como funciona:

  • Uma tarefa será apresentada;
  • Um bloco de código com partes faltando será fornecido;
  • O objetivo é preencher as lacunas e executar o código para verificar a resposta.

Abaixo do código, há dois botões:

  • O botão revela dicas para ajudar no desafio;
  • O botão mostra o código completo para esse desafio específico.

Experimente, teste diferentes opções e desenvolva confiança ao longo do processo. Boa sorte!

Tarefa

Preencha as lacunas para criar a estrutura básica de um documento HTML.

index.html

index.html

copy

Dica

  • Etapa 1: A declaração do tipo de documento deve ser <!DOCTYPE html>. Esta declaração informa ao navegador que o documento está escrito em HTML5.
  • Etapa 2: Preencher os espaços em branco com as tags de abertura e fechamento apropriadas (<head></head>) para a seção head.
  • Etapa 3: Utilizar UTF-8 como codificação de caracteres.
  • Etapa 4: Preencher os espaços em branco com as tags de abertura e fechamento apropriadas (<body></body>) para a seção body.
index.html

index.html

copy
Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 2
some-alt