conclusão atividade | HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags

<!DOCTYPE hmtl>
<html> 
    <meta charset = "utf-8" > <!-- tive que pesquisar sobre o utf-8-->
    <head> 
        <title> nome da empresa</title>
    </head>
    <body>
        <h1> Gastos mensais </h1>
        <h2> Situação de gastos da empresa </h2>
        <p> Gastos mensais empresariais e situação de cada funcionario em relação a tal</p>
        <img src = "gst.jpeg" alt = "foto gastos"> 
    </body>

     <body>
        <ol> 
            <li> breve resumo do assunto</li>  <!-- testei  o <ul> mas nao gostei muito -->
            <li> etapas </li>
            <li> gastos </li>
            <li> funcionarios com menos e mais gastos </li>
            <li> breve termino de assunto</li>
            <li> como podemos diminuir esse gasto</li>
        </ol>
        <button> clique aqui para mostrar pranilha do excel</button>
     </body> <!-- lembrei das aulas de js e botei um botao ai -->
    
</html>

Olá Kelson!

Que bom que conseguiu concluir a atividade, mas há alguns pontos que podem ser ajustados para deixar seu código mais alinhado com as boas práticas de HTML. Vamos dar uma olhada em algumas sugestões:

Correção do DOCTYPE: Notei que há um pequeno erro de digitação na declaração do DOCTYPE. A linha correta deve ser <!DOCTYPE html> em vez de <!DOCTYPE hmtl>. Essa declaração é importante para que o navegador saiba que está lidando com um documento HTML5.

Estrutura do Documento: Em um documento HTML, deve haver apenas uma tag <body>. No seu código, você tem duas tags <body>. Todos os elementos do corpo da página devem estar dentro de uma única tag <body>. Aqui está como você pode estruturá-lo:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Nome da Empresa</title>
    </head>
    <body>
        <h1>Gastos mensais</h1>
        <h2>Situação de gastos da empresa</h2>
        <p>Gastos mensais empresariais e situação de cada funcionário em relação a tal</p>
        <img src="gst.jpeg" alt="foto gastos">
        <ol>
            <li>Breve resumo do assunto</li>
            <li>Etapas</li>
            <li>Gastos</li>
            <li>Funcionários com menos e mais gastos</li>
            <li>Breve término de assunto</li>
            <li>Como podemos diminuir esse gasto</li>
        </ol>
        <button>Clique aqui para mostrar planilha do Excel</button>
    </body>
</html>

Comentários e Revisão: É ótimo que você esteja experimentando com diferentes tags, como <ul> e <ol>. Continue explorando as possibilidades do HTML, e sempre que possível, teste o resultado no navegador para ver como as alterações afetam o layout.

Espero ter ajudado e bons estudos!