1
resposta

consolidando conhecimento :)

<link rel="stylesheet" href="produtos.css">

logo-alura

    <ul>
        <li>Home</li>
        <li>Produtos</li>
        <li>Contatos</li>
    </ul>

</header>    

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta

Boa, Ana. Para melhorar, você pode colocar tudo isso dentro de uma nav que fica no header do seu html. Além disso, você pode linkar cada item da lista para uma outra página, por exemplo, através da âncora. Ficando assim:

<header>
            <div class="box">
                <h1><img src="imagens/logo-alura.jpg" alt="Logo da Alura"></h1>
                <nav>
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="produtos.html">Produtos</a></li>
                        <li><a href="contato.html">Contatos</a></li>
                    </ul>
                </nav>
            </div>
        </header>