[Projeto] Lista 1 - HTML | HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags

<!--QUESTÃO 1-->
<!DOCTYPE html>
<html>
    <head>
        <title>Praticando HTML</title>
    </head>
    <body>

    </body>
</html>

<!--QUESTÃO 2-->
<!DOCTYPE html>
<html>
    <head>
        <title>Praticando HTML</title>
    </head>
    <body>
        <h1>Introdução</h1>
        <p>Nessa página estarei praticando meus conhecimentos básicos e essenciais em HTML.</p>
    </body>
</html>

<!--QUESTÃO 3-->
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"> 
        <title>Praticando HTML</title>
    </head>
    <body>
        <h1>Introdução</h1>
        <p>Nessa página estarei praticando meus conhecimentos básicos e essenciais em HTML.</p>
    </body>
</html>

<!--QUESTÃO 4-->
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"> 
        <title>MyGame</title>
    </head>
    <body>
        <h1>Jogos</h1>
        <h2>Passo a passo</h2>
        <p>Jogos de vários tipos para você se divertir e exercitar a mente. </p>
    </body>
</html>

<!--QUESTÃO 5-->
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"> 
        <title>MyGame</title>
    </head>
    <body>
        <h1>Jogos</h1>
        <h2>Passo a passo</h2>
        <p>Jogos de vários tipos para você se divertir e exercitar a mente.</p>
        <img src="LogoGame.png" alt="Logo MyGame">
    </body>
</html>

<!--QUESTÃO 6-->
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"> 
        <title>MyGame</title>
    </head>
    <body>
        <h1>Jogos</h1>
        <img src="LogoGame.png" alt="Logo MyGame">
        <h2>Passo a passo</h2>
        <p>Jogos de vários tipos para você se divertir e exercitar a mente.</p>
        <ol> Gêneros
            <li>Jogos de ação</li>
            <li>Jogos de aventura</li>
            <li>Jogos de beleza</li>
            <li>Jogos de educativos</li>
        </ol>
        <ul>
            <li>Principais escolhas</li>
            <li>Melhores do mês</li>
            <li>Populares de acordo com o gênero</li>
        </ul>
    </body>
</html>

<!--QUESTÃO 7-->
<html>
    <head>
        <meta charset="UTF-8"> 
        <title>Praticando HTML</title>
    </head>
    <body>
        <h1>Introdução</h1>
        <p>Nessa página estarei praticando meus conhecimentos básicos e essenciais em HTML.</p>
    </body>
</html>

Oi, Victória! Como vai?

Agradeço por compartilhar seu código com a comunidade Alura.

Você estruturou muito bem cada uma das etapas da atividade, com atenção especial à ordem das tags e ao uso correto dos elementos semânticos. A evolução entre as questões mostra que você está assimilando bem os conceitos.

Uma dica interessante para o futuro é usar o atributo lang na tag html para indicar o idioma da página. Isso ajuda na acessibilidade e no SEO. Veja como fazer:

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>Minha Página</title>
</head>
<body>
    <h1>Olá</h1>
</body>
</html>

O código acima define o idioma como português do Brasil com lang="pt-br".

Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!