HTML Erro na exibição de imagem HTML5

Daniel Cipriano · 5 de maio de 2018

Olá, estou fazendo um curso de HTML5 e cheguei na parte de imagens em HTML5, criei um File de teste, no qual utilizei a tag <img> e <figure>, porém, quando executo a imagem não aparece, não consigo encontrar o erro no código. Segue o print: https://prntscr.com/je89tm

DiF · 5 de maio de 2018

@Daniel Cipriano Qual o erro que está apresentando?

Não sei se é seu curso ou é mania dos principiantes colocarem underline no inicio dos diretórios.

Tenho certeza aí que o problema é de imagem não encontrada.

Recomendo postar o código aqui em forma de texto e não em imagem.

Daniel Cipriano · 6 de maio de 2018

@DiF

18 horas atrás, DiF disse:

@Daniel Cipriano Qual o erro que está apresentando?

Não sei se é seu curso ou é mania dos principiantes colocarem underline no inicio dos diretórios.

Tenho certeza aí que o problema é de imagem não encontrada.

Recomendo postar o código aqui em forma de texto e não em imagem.

Então, a pasta realmente possui um underline no nome, é um padrão criado pelo professor, ele coloca em todas pastas. Quando eu executo o código no navegador, o texto aparece normal, porém a imagem fica como arquivo inexistente. Vou colocar o código em forma de texto. Já tentei ver se o arquivo não estava na pasta correta, ou se o nome dele estava errado, mas está tudo certo. Segue o código em texto. Agradeço a ajuda.

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>TesteImagem</title>
</head>
<body>
<figure>
    <img src="_imagens/fundo.jpg"/>
    <figcaption>
        <h1>Imagem Grande</h1>
    </figcaption>
</figure>
</body>
</html>

DiF · 6 de maio de 2018

@Daniel Cipriano Bem, vendo o código não há nada de errado...

Creio que possa ser o problema aí no seu PC. Aqui usando o easyphp dev server 17, funciona, mesmo colocando o underline.

Embora eu considere isso uma má prática.

Experimente instalar o easyphp, startar o apache.... colocar seus arquivos na pasta eds-www.

Não tem muitas opções... Ou é seu PC, Ou é nome errado ou caminho errado....

Experimente trocar o valor do SRC, por uma imagem hospadada em um servidor. qualquer um! Se funcionar, você comprova que o problema é aí no PC e não no código.

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>TesteImagem</title>
</head>
<body>
<figure>
    <img src="https://upload.wikimedia.org/wikipedia/commons/4/42/Por_do_Sol_na_ilha_de_S%C3%A3o_Jorge_com_a_ilha_do_Pico_como_fundo.JPG"/>
    <figcaption>
        <h1>Imagem Grande</h1>
    </figcaption>
</figure>
</body>
</html>