4
respostas

[Dúvida] inserir imagem com <img>

Estou na aula 4 02. Documentação e HTML do curso HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags e há uma parte em que devemos inserir uma imagem com o codigo Logo do HTML 5, porem a minha imagem não esta aparecendo de jeito algum, ja tentei outras imagens diferentes, usei png e jpg, porem a imagem continua não aparecendo

<!DOCTYPE html>
<html>
    <head>
        <title>Portfolio</title>
    </head>
    <body>
        <h1>Isso é um Titulo</h1>
        <p>Isso é um Parágrafo</p>
        <img src="rapaz2.jpg"alt="Irelia">
    </body>
</html>

aqui esta meu codigo

4 respostas

Boa tarde, Vinicius. Tudo bem?

Eu acredito que seja algo relacionado com fato da imagem está na raiz ou não, ou seja:

Imagem sem pasta

Explicação: Caso esteja usando todos os arquivos na raiz, é necessário chamar apenas o nome da imagem no src

<img src="imagem1.png" alt="Irelia"/>

Imagem com pasta

Explicação: Caso esteja usando uma pasta para armazenar imagens, é necessário chamar a pasta + imagem no src.

<img src="img/imagem1.png" alt="Irelia"/>

Oi, Vinicius! Tudo bom?

Veja se o caminho da imagem está correto. Se estiver em uma pasta "imagens", por exemplo, o caminho seria:

<img src="imagens/rapaz2.jpg"alt="Irelia">

Além disso, verifique se o nome e a extensão do arquivo estão corretos, cuidado com letras maiúsculas e minúsculas.

Também dê uma olhadinha nesse tópico, pois pode ser o caso https://cursos.alura.com.br/forum/topico-duvida-imagem-nao-abre-carrega-268626

Espero que ajude :)

um atalho uso bastante para imagem , pressionar o ctrl+espaço , ajuda muito evitando este erro.

Talvez não esteja achando o diretório certo da imagem.