2
respostas

A imagem não está aparecendo no index

Referente ao curso HTML e CSS: praticando HTML/CSS

por Michelle Nigri Musafir
| 31.3k xp | 10 posts

Segue o código html:

</head>

<body>
    <section class="container principal">
        <div>
        <h1 class="">Com o Combo+, você pode aproveitar a Alura+ e o Alura Língua por um preço único.</h1>
        <img src="img/Combo.png" alt="O combo+ é a junção do alura+ e o alura língua">
        <a href="www.alura.com.br" class="container__botao">Assine por 12x de R$ 120,00*</a>
        <a href="www.alura.com.br" class="container__botao botão_secundario">Assinar somente Alura+</a>
        <p class="container__aviso"></p>
    </div>
    </section>
</body>

Sabe me dizer o porque da imagem não aparecer?

2 respostas
por Mike de Sousa
| 2583k xp | 5169 posts
Alura Scuba Team Suporte Educacional

Olá, Michelle, como vai?

Vamos analisar o seu código para identificar o que pode estar impedindo a imagem de aparecer. Vou listar alguns pontos que você pode conferir:

1 - Caminho da imagem: Certifique-se de que a imagem Combo.png está na pasta img, no mesmo diretório do arquivo HTML. Se o caminho estiver errado, a imagem não será exibida. Para testar, tente substituir o caminho no src por algo como:

<img src="./img/Combo.png" alt="O combo+ é a junção do Alura+ e o Alura Língua">

Caso a pasta img esteja em outro local, ajuste o caminho conforme necessário, por exemplo:

<img src="../img/Combo.png" alt="O combo+ é a junção do Alura+ e o Alura Língua">

2 - Extensão da imagem: Verifique se a extensão da imagem é realmente .png. Às vezes, ela pode ser .jpg, .jpeg ou outra. Confirme o nome exato no sistema de arquivos. Confere também o nome do arquivo.

Se verificar esses pontos e o problema persistir, compartilhe mais detalhes para que possamos ajudar melhor, como por exemplo uma imagem da IDE mostrando a estrutura de pastas do seu projeto.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado
por Michelle Nigri Musafir
| 31.3k xp | 10 posts

Muito obrigada!!