Problema de imagem HTML bloco de notas?

Oi, então deixe-me começar por dizer eu sou completamente novo para o mundo da programação de computadores, mas eu comecei a interessar-se em como a internet funciona e como criar websites e todas essas coisas. Tenho vindo a seguir o tutorial em www.w3schools.com e eu estou preso em como colocar uma imagem usando html. Este é o parágrafo que tenho usado mas cada vez que eu colocá-lo no bloco de notas e abra-o, a imagem não é exibida:

<html>
<body>

<img src="258817_10150199984898663_560718662_7005755_7167861_o.jpg">

</body>
</html>

Eu salvá-lo é como um. HTML arquivo também, qualquer idéia que eu estou fazendo errado? Obrigado.

Resposta

Por favor, Aprenda a renomear suas imagens para refletir o que eles realmente estão em vez de usar números de non-sense. Se você estava tentando visualizar sua imagem localmente em seu navegador, então o caminho da imagem tem que ter o correto caminho relativo para ele do arquivo HTML. Se ambos estiverem na mesma pasta, o nome da imagem é suficiente:

<p><img style="width: XXpx; height: YYpx; border: 0;" src="image_name.jpg" alt="Text Description"></p>

Você pode alterar as marcas de "p" para as tags div e estilo conforme necessário.

On-line:

Se o site não hospeda imagens, então você deve hospedar sua imagem on-line em qualquer boa imagem hospedagem de site. A imagem de "src" URL deve ser que o link direto para a imagem por si só e não à página da imagem é sobre. Colocar a URL direta para somente a imagem no src = "" atributo. Se usado como um link, colocar o URL correto para o site na href = "" atributo.

Ron