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!