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!

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.