Aprenda HTML criando um aplicativo de fotos de gatos - Passo 2

Conte-nos o que está acontecendo:
Descreva detalhadamente o problema aqui.
significado à importância do conteúdo abaixo deles. Quanto menor o número, maior a importância. Assim, os elementos h2 têm menos importância que os elementos h1. Use apenas um elemento h1 por página e coloque os títulos de importância inferior abaixo dos títulos de maior importância.

Abaixo do elemento h1, adicione um elemento h2 com este texto:

Cat Photos

  **Seu código até o momento**
<h1>CatPhotosApp</h1>
<h2>CatPhotosApp</h2>
</body>
</html>
</body>
</html>
  **Informações de seu navegador:**

Agente de usuário: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.114 Safari/537.36 Edg/103.0.1264.62

Desafio: Aprenda HTML criando um aplicativo de fotos de gatos - Passo 2

Link para o desafio:

Olá! Tudo bem?
Vou precisar fazer uma explicação mais profunda do básico para detalhar o seu problema.

HTML é uma linguagem de marcação de texto. Já tentou escrever uma palavra em negrito ou itálico no WhatsApp ? No WhatsApp quando você quer uma palavra em negrito você deve colocar entres asteriscos. Logo se você escrever “*texto*” no WhatsApp, a palavra irá sair assim “texto” na conversa. Se escrever “_texto_” irá aparecer assim “texto” na conversa. O asterisco e o underline funcionar como marcações, ou tags, de texto, com isso você estará informando ao programa como aquela palavra deverá ser apresentada. A estrutura é “marcação de abertura + conteúdo que deseja formatar + marcação de fechamento”.

Pois bem no HTML é utilizado o mesmo principio. Nós chamamos de elemento quando tem essa estrutura:

<tagname>Conteúdo vai aqui...</tagname>

Todo tag de abertura se escreve com o símbolo de menor que “<” + " nome da tag" + o símbolo maior que “>”.

Todo tag de fechamento se escreve com o símbolo de menor que “<” + o símbolo da barra oblíqua “/” + “nome da tag” + o símbolo de maior que “>”.

No seu código possuí 4 elementos:
O elemento <htm>...</html> que é o elemento raiz de uma página HTML.
O elemento <body>...</body> que é o que define o corpo do documento e é um recipiente para todo o conteúdo visível.
O elemento <h1>...</h1> define um cabeçalho grande.
O elemento <h2>...</h2> define o cabeçalho 2, ou seja, menor que <h1> maior que <h3>. Como poderá ver abaixo:

Esse texto foi escrito com o elemento h1

Esse texto foi escrito com o elemento h2

Esse texto foi escrito com o elemento h3

Existe até o elemento h6.

Agora vamos para o seu problema. Como foi explicado tudo que é visível fica no corpo do documento, logo todo o conteúdo como cabeçalhos, parágrafos, imagens, hiperlinks, tabelas, listas, etc. ficam dentro do elemento <body>...</body>. E todos elementos de estruturas como <body> e outros que você irá aprender fica dentro do elemento raiz que é <html>.

Basicamente você precisa reorganizar os elementos de seu código para ordem correta e corrigir as tags de abertura de <html> e <body> já que do jeito que está no código só está com as tags de fechamento.

O exercício Passo 2 pede apenas para adicionar um elemento h2 abaixo do elemento h1 com o texto “Cat Photos”. O texto de h1 é diferente do texto de h2, no seu código ficou igual, precisa corrigir isso também.

Espero que tenha ajudado, qualquer coisa é só perguntar que tento ser mais claro. Bons estudos!

1 Like