Oi, Maria, como vai?
O código apresenta alguns problemas de sintaxe, mas vou ajudar a reescrever seu código!
A estrutura de um arquivo HTML começa por descrever o tipo do documento como HTML, por meio da tag <!DOCTYPE html>.
Em seguida abrimos uma tag <html>que vai envolver todo o nosso código, que é dividido entre <head> e <body>, respectivamente a cabeça e o corpo do nosso arquivo. Na cabeça (head) ficam as informações que não irão aparecer na tela, mas importantes para criar links com arquivos de estilo, definir a responsividade da página, o título que aparece na barra superior do navegador e até mesmo o ícone que aparece ali. Já no corpo (body>) ficam as informações que aparecem na tela, como textos, imagens, formulários, entre outras coisas. Ambas as tags <head>e <body>precisam de ser abertas e fechadas.
Dessa forma podemos já realizar a primeira correção no seu código. Com esses detalhes alterados ele ficaria assim:
<!DOCTYPE html>
<html>
<head>
<title>Lei da atração</title>
</head>
<body>
<H1>Lei da atração</H1>
<h2>Top 5 de coisas totaltmente alcançaveis </h2>
<p>Se voçe acredita no poder da atração e que alinhar sua mente com a energia do universo pode te proporcionar experiencias e conquistas incriveis essa página é para voçe!</p>
<img src="lei da atração.jpg" alt="imagem de um ser humano canalizando energia da mente">
<p>Aqui vai o top 5 de metas que voce pode começar a perseguir atravez da energia canalizada</p>
<p>
<ol>
<u>
<li>Amor</li>
<li>paz</li>
<li>sucesso</li>
<li>oportunidades</li>
</u>
</ol>
</p>
</body>
</html>
Agora vamos nos concentrar na estrutura da tag <body>, nela vemos a tag <h1> sendo usada com a letra "h" maiúscula, mas ela é definida com letra "h" minúscula. E a lista ordenada que você quer criar para ranquear as cinco metas está apresenta tags desnecessárias como a <p> e <u>, sendo esta última uma tag que não existe da sintaxe do HTML e pode levar a erros ao abrir o projeto no navegador. Removendo as tags desnecessárias e corrigindo os erros de sintaxe, seu código ficaria assim:
<!DOCTYPE html>
<html>
<head>
<title>Lei da atração</title>
</head>
<body>
<H1>Lei da atração</H1>
<h2>Top 5 de coisas totaltmente alcançaveis </h2>
<p>Se voçe acredita no poder da atração e que alinhar sua mente com a energia do universo pode te proporcionar experiencias e conquistas incriveis essa página é para voçe!</p>
<img src="lei da atração.jpg" alt="imagem de um ser humano canalizando energia da mente">
<p>Aqui vai o top 5 de metas que voce pode começar a perseguir atravez da energia canalizada</p>
<ol>
<li>Amor</li>
<li>paz</li>
<li>sucesso</li>
<li>oportunidades</li>
</ol>
</body>
</html>
Espero que com essas dicas você consiga desenvolver ainda mais seus conhecimentos a respeito de HTML.
Caso tenha dúvidas, conte com o fórum. Abraços!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!
