Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

As listas ordenadas e não ordenadas não tão aparecendo

mostre onde ta o erro no código me expliquem o porque mostrem a solução pf

aqui a baixo esta o código :

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel='stylesheet' href='estilo.css'>
    <title>tags html</title>
</head>
<body>
    <h1>titulo1</h1>
    <h2>titulo2</h2> 
    <h3>titulo3</h3> 
    <p>Lorem, ipsum dolor sit amet consectetur 
        adipisicing elit. Rerum suscipit vel itaque possimus,<br>
         incidunt est sunt maxime maiores et fuga molestias<br>
          quam, dolor nesciunt, voluptates in modi nemo<br>
        reprehenderit voluptatem.</p>
        <hr>


        <img src="o.jpg" alt="bitcoin"><br>        
        <ol type="1"
            <li>Lorem, ipsu
                <ul type="">
                <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam aliquam eaque distinctio numquam, molestias in dolorum esse animi corporis amet, voluptatibus sapiente fuga consectetur, exercitationem et fugit ab expedita fugiat.</li>
                </ul>
        </ol>

        <hr>

        <a href="https://alura.com.br" target="_blank" alt="external">alura</a>


</body>
</html>
1 resposta

Olá, Rafael, como vai?

Encontrei o ponto que está impedindo as listas de aparecerem corretamente. Na abertura da sua lista ordenada, você escreveu <ol type="1" e faltou fechar a tag com >. Por isso, o navegador não consegue interpretar corretamente essa parte do HTML.

A estrutura pode ficar assim:

<ol type="1">
    <li>Lorem, ipsum</li>
        <ul>
            <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam aliquam eaque distinctio numquam, molestias in dolorum esse animi corporis amet, voluptatibus sapiente fuga consectetur, exercitationem et fugit ab expedita fugiat.</li>
        </ul>
</ol>

O ponto principal é lembrar que atributos ficam dentro da abertura da tag e que essa abertura precisa terminar com >.

Caso surja alguma outra dúvida durante a atividade, o fórum está à disposição para ajudar.

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