A imagem não está aparecendo no index

</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>

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