5
respostas

Minha imagem não aparece

Olá já tentei de tudo e minha imagem não aparece na página.

5 respostas

Olá, Mayara!

Você poderia postar seu código aqui? Para simbolizar que seu texto é um trecho de código, vc deve apertar TAB no começo de uma linha ou digitar 4 espaços em branco, assim, o texto ficará na cor marrom claro.

Outra possibilidade é você ter se esquecido de atualizar a página do navegador depois que inseriu a imagem, ou ter se esquecido de salvar o seu arquivo html depois de ter feito as alterações.

   <!DOCTYPE html>
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="produtos.css">
</head>
<body>
    <header>
        <div class="caixa">
        <h1><img scr="logo.png"></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>
</body>

Olá, Mayara!

Eu copiei seu código aqui e testei, realmente não estava aparecendo a imagem.

Só que aí eu observei que a string com o nome do arquivo de imagem estava assim:

Insira aqui a descrição dessa imagem para ajudar na acessibilidadeAchei estranho, porquê geralmente essas strings que fazem referência a algum arquivo ficam sublinhadas, indicando que se trata de um link, assim:

Insira aqui a descrição dessa imagem para ajudar na acessibilidadeO que fiz foi o seguinte: Apaguei e escrevi a tag <img src="logo.png">. Assim que eu comecei a digitar o nome do arquivo, já apareceu a sugestão do arquivo, e a string já ficou sublinhada, o que demonstra que foi gerado o link para o arquivo.

O que eu acho que estava acontecendo é que por algum motivo, o editor não estava reconhecendo a referência do arquivo, e por isso não fazia o link.

Espero ter ajudado!

Continue firme em seus estudos!

Oi Mayara, aconteceu a mesma coisa comigo, e percebi que não carregava porque as imagens estavam numa pasta e o arquivo html em outra, e eles tem que estar no mesmo local pra imagem ser reconhecida. Quando mudei o arquivo de pasta o problema foi resolvido.

Na verdade parece que a tag <img scr= é que está escrita errado. O correto é: <img src= Está trocado o src com scr.

Só um comentário - não esquecer de finalizar o tópico e marcar a solução para quem a deu, seja quem for. Beleza.