HTML Nao consigo colocar imagens no meu documento html

not · 11 de dezembro de 2017

Coloquei tudo certinho, vi até um vídeo e conferi, mas a imagem não esta aparecendo, coloquei assim

<img src="foto.png" /> mas não deu certo, o quê posso fazer?

Obs: Sou bem iniciante em HTML

Jeffor · 11 de dezembro de 2017

@not Olá amigo, boa tarde!

Você pois <img src="foto.png" />, coloque sem a barra ( / ).

not · 12 de dezembro de 2017

Não foi, o arquivo está na mesma pasta do site...Até coloquei sem barra mas não foi

adicionado 7 minutos depois

Obs: tem algum problema se a minha pasta está em documento, lá no windows.

AlexandreKG · 15 de dezembro de 2017

Não há problema onde se encontra, desde que seja especificado o caminho. Você tem certeza que o formato da imagem é PNG? Se sim, tire um print mostrando ela localizada na pasta do site.

Mateus Araujo · 15 de dezembro de 2017

Provavelmente é algo relacionado ao nome do arquivo ou ao formato dele, poderia tirar print do arquivo?

not · 15 de dezembro de 2017

adicionado 2 minutos depois

Eu salvei em documentos

DiF · 15 de dezembro de 2017

@not Verifique se o arquivo de foto está funcionando mesmo.

A sua estrutura está correta.

Se a foto está na pasta raiz ponha direto

Desta forma:

<!DOCTYPE html>
<html lang="pt-br">
  <head>
    <title>Título da página</title>
    <meta charset="utf-8">
  </head>
  <body>
    <img src="foto.png" />
  </body>
</html>

Se a sua foto estiver dentro de uma pasta, mas dentro da pasta raiz

<!DOCTYPE html>
<html lang="pt-br">
  <head>
    <title>Título da página</title>
    <meta charset="utf-8">
  </head>
  <body>
    <img src="imagens\logo.png" />
  </body>
</html>