10
respostas

imagem não aparece, já localizada na pasta

Olá! ```

</head>

<body>
    <img src ="banner">

    <h1>Sobre a Barbearia Alura</h1>

    <p>Localizada no coração da cidade a <strong>Barbearia Alura</strong> 
    traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, 
    a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>

    <p id="missao"><em>Nossa missão é:<strong> "Proporcionar auto-estima e qualidade de vida aos clientes"</strong>.</em> </p>


    <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda.
    O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
</body>
```

A imagem não carrega... ela já está dentro da mesma pasta que o index e o css. Alguma ideia?

10 respostas

Oi, Thais, tudo bem?

Você precisa colocar a extensão do arquivo, no caso é JPG? Se sim, coloque assim:

<img src ="banner.jpg">

Teste e me diz se deu certo :}

Oi Laís!

Já testei com a extensão .jpg Também não funciona =/

Certo, Thais.

Então, na sua pasta estão os arquivos: index.html, style.css e o banner.jpg? O nome do seu arquivo de imagem está exatamente igual ao que está sendo chamando na tag img?

Sim! Tomei esse cuidado, revisando, tentando alterar o nome para ver se funcionava... enfim, não consegui carregar a imagem.

Olá Thais,

Verifique se no arquivo da imagem contem algum espaço no nome ou se está com outra extensão tipo .png ou .jpeg

<img  src="banner.jpg">

Por favor colocar nesse post o nome de cada arquivo que você tem no seu diretório, pois não deve estar correto no src da sua tag imagem.

banner.jpg

e

index.html

<body>
    <img src="banner.jpg">

    <h1>Sobre a Barbearia Alura</h1>

    <p>Localizada no coração da cidade a <strong>Barbearia Alura</strong> 
    traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, 
    a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>

    <p id="missao"><em>Nossa missão é:<strong> "Proporcionar auto-estima e qualidade de vida aos clientes"</strong>.</em> </p>


    <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda.
    O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
</body>

Então vamos verificar se no seu browser não aparece algum tipo erro. A questão de não aparecer imagem poder ser por algum problema de decodificação da imagem. Após abrir seu arquivo index.html no browser, por favor, abra a console do navegador (F12 para IE / Ctrl + Shift + i para Chrome) e veja se na aba Console não é apresentado algum alerta com relação à sua imagem. Caso haja algum algum alerta, por favor, compartilhe neste post o alerta para que possamos continuar auxiliando você.

Olá Thais,

estava enfrentando o mesmo problema e o que funcionou pra mim foi que reparei que havia incluído a extensão do arquivo .jpg no NOME dele.

Em outra palavras, eu tinha um aquivo chamado [ banner.jpg.jpg ] então para o meu código funcionar tive que inserir a linha

<img src='banner.jpg.jpg'>

ou simplesmente renomear a imagem removendo o .jpg

Espero que funcione!

Pela solução do Paulo, vocês estão ocultando a extensão de arquivo conhecido no Windows. Realmente, pode ser o caso.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software