Olá pessoal, não consigo fazer a imagem aparecer na pagina. E no console fala que ela teve falha ao carregar o recurso.
Olá pessoal, não consigo fazer a imagem aparecer na pagina. E no console fala que ela teve falha ao carregar o recurso.
Oi Marco, tudo bem contigo? Manda um print ou uma parte do código pra eu dar uma olhada.
Oi Kelwin, tudo bem. E com você? Ai esta os prints dos códigos e do resultado no navegador. Obrigado!
Oi Marco, daqui o código parece ok. A imagem está no mesmo diretório do projeto?
Oi Laira, eu tenho uma pasta com o nome do curso onde esta salvo o index e nessa pasta tem uma pasta onde esta a imagem.
Creio que seja porque a imagem está em uma pasta separada, você tem que descrever todo o caminho do repositório.
Oi Erick, agora eu coloquei a imagem na mesma pasta do index e continua com o mesmo problema.
Ola, boa tarde Marco, confere se o nome da imagem está correto ou manda print da pasta aonde a imagem está, mais fácil pra gente poder te ajudar.
Boa noite Alison.
Bom dia Marco, tudo bem? Altera o nome da imagem apenas para "banner" e testa para ver se funciona, não mexe no código, só muda o nome da imagem.
Olá Marco, bom dia!
Tenta criar uma pasta dentro da mesma pasta que está index.html (geralmente usam images). Dentro dela, coloca a imagem.
A sua tag img ficara:
img src="/images/banner.jpg" alt="Seu texto alternativo" /> (retirei a tag completa pois o Alura reconheceu como imagem, mas seria isso:
Sendo "produtos-final_01" o nome da sua imagem :)
Caso não funcione, mude o nome da imagem e veja no código. Lembre-se sempre de colocar a extensão da imagem (png, jpg etc..)
Abraços!
Marco Aurélio, pelo que eu percebi o seu windows não está com a opção de mostrar a extensão do arquivo, talvez você mesmo assim (suposição) tenha renomeado o arquivo para banner.jpg, mas como a extensão não está sendo mostrada então o nome original completo deve estar como banner.jpg.jpg. Aconselho você alterar para poder visualizar as extensões nas configurações de pasta no Painel de controle.
Boa tarde galera, deu certo aqui! O meu Windows realmente não estava mostrando a extensão do arquivo. Muito obrigado todos vocês!
Boa tarde galera, deu certo aqui! O meu Windows realmente não estava mostrando a extensão do arquivo. Muito obrigado todos vocês!
O meu esta co mesmo problema e ainda nao aparece a imagem
Mayara, seria bacana se você mandasse também o seu CSS para eu conseguir dar uma avaliada, mas vendo daqui me parece que tem um erro no seu HTML no seguinte trecho:
CSS
<img id="Banner" src="Banner.jpg>"
Você colocou o fechamento da tag dentro dos parênteses, o certo seria:
CSS
<img id="Banner" src="Banner.jpg">
Alan, muito obrigado,
Esse simples detalhe eu não tinha notado. Coloquei as aspas para dentro da tag conforme voce indicou e deu certo, a imagem carregou?Deus abencoe.