1
resposta

[Projeto] Exercício - Estrutura HTML e Conceito de Listas

Boa tarde pessoal, segue screenshots do código e também da página. Bons estudos a todos.

Código:

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tags HTML</title>
</head>
<body>
    <h1>Desenvolvendo a primeira estrutura em HTML</h1>
    <p>A prática e o empenho são fatores cruciais para o aprimoramento das habilidades.</br>
    É importante termos ciência dos elementos que se integram à uma página WEB! Let's practice with Alura!</br>
    ===================================================================================================
    </br>
    <img src="images/Alura-NextOne.JPG" alt="Logo Alura-NextOne">
    </p>
   <h2>
    Conceitos de Listas (Não-Ordenada e Ordenada)
   </h2> 
    <ul>Exemplo de lista não-ordenada  
    </p>
        <li >Criação estrutura HTML</li>
        <li>Criação Título</li>
        <li>Criação parágrafo</li>
        <li>Inserção de imagem</li>
    </ul>

    <ol>Exemplo de lista ordenada 
    </p>
        <li >Criação estrutura HTML</li>
        <li>Criação Título</li>
        <li>Criação parágrafo</li>
        <li>Inserção de imagem</li>
    </ol>
    <footer>
        <p>===================================================================================================</p>
    </footer>
</body>
</html>

Preview: Screenshot of page

1 resposta

Olá, Rodolfo, como vai?

Seu código está muito bom e segue a estrutura básica do HTML corretamente. Alguns pontos que podem ser ajustados para melhorar a organização e a semântica do código:

Dentro da tag <p>, você usou a tag <br> para quebra de linha, o que é válido, mas quando há múltiplas quebras de linha, é interessante utilizar um parágrafo ou outras tags de estruturação para melhorar a semântica. Além disso, há algumas tags de fechamento (</p>) dentro das <ul> que podem comprometer a estrutura do HTML, se precisa de um titulo para a listas, você pode usar um <h3> para isso.

No mais, o código está bem organizado e claro, parabéns! Continue assim, e sinta-se à vontade para compartilhar mais projetos ou dúvidas.

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)