3
respostas

Imagem bugada

Primeiramente, segue o código:

<!DOCTYPE html>
<html>
    <head>
        <title>Meu Portfólio</title>
    </head>
    <body>
        <h1>Bem-vinda(o) ao meu portfólio!</h1>
        <h2> Esse é um espaço criado para mostrar meus projetos e habilidades.</h2>
        <h3>Sobre mim</h3>
        <p>Sou uma desenvolvedora apaixonada por soluções criativas. Vim do Direito, mas troquei os códigos das leis pelos códigos da programação.</p>
        <img src="minhafoto.png" alt="Minha foto">

        <h3>Projetos finalizados</h3>

    </body>
 
</html>

"Segundamente" (rs), a imagem não aparece de jeito nenhum. Com o caminho relativo, a página fica assim:

Print da tela

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Com o absoluto trava na mesma, só muda o erro:

Print da tela

Print consola

Podem me ajudar, please?

3 respostas

Oi, Rayssa! Agradeço por compartilhar sua dúvida conosco.

Você chegou a conferir se o caminho da imagem está correto? Normalmente, esse problema acontece devido ao caminho incorreto. Pela forma que você está utilizando (<img src="minhafoto.png" alt="Minha foto">), a imagem deveria estar na raiz do projeto, ou seja, fora de qualquer pasta.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Poderia verificar isso para mim? Se puder anexar como está organizada a sua estrutura de arquivos, agradeço.
Abraço!

Olá, Eduardo! Obrigada por responder.

Então, penso que os arquivos estejam organizados de forma correta.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Inclusive, criei um html apenas para testar a imagem, e no teste funcionou. Prints abaixo.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Realmente não sei o que pode estar acontecendo. Agradeço imenso se puder me ajudar a resolver esse mistério (rs).

Olá, Rayssa!

Obrigado por compartilhar mais informações sobre o problema!
Analisando, no primeiro print anexado por você, notei que, aparentemente, o seu index.html está dentro de uma pasta chamada “html-logo-main”, correto?

No segundo print, perceba que o seu arquivo teste.html está na raiz do projeto, assim como a imagem minhafoto.png, e por isso funciona corretamente.

Possível solução

Insira aqui a descrição dessa imagem para ajudar na acessibilidade
Fico no aguardo!