1
resposta

[Dúvida] A lista não aparece no navegador.

Segue o código:

<head>
   <meta charset="UFT-8">
   <title>Produtos-Barbearia Alura</title>
   <link rel="stylesheet" href="produtos.css">
</head>

<body>
  <header>
      <h1><img src="\logo.png"></h1>

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

A logo carregou normalmente no navegador, entretanto a lista não carrega, alguém sabe identificar o erro?

1 resposta

Olá, John Como vai?

Eu copiei seu código e rodei no VSCode e no CodePen, em ambos os casos funcionaram perfeitamente aparecendo a lista.

O que talvez possa ter acontecido, é a página não ter sido atualizada. Se você utiliza o VSCode, você pode instalar a extensão Live Server, ai cada modificação que você fizer irá mudar automaticamente sem precisar recarregar a página. Ou rodar o projeto e a cada modificação que você fizer, será necessário recarregar a página do navegador.

Um outro jeito de visualizar se tem algum erro no código também, é apertando a tecla F12 e ver o Elements ou o Inspecionar para verificar se aparecem as tags de lista lá.

Exemplo:

Como encontrar o Elements no dev tools

Qualquer dúvida estou à disposição!