img src =“”没有显示图像

Question

我正在写一个非常基本的网页，同时我正在尝试将图像放在其中一个页面上。我正在使用HTML，这是我到目前为止所做的：

 <div id ="div4"><img src="file:///Users/me/Documents/image.jpg" 
width="460" height="460"/></div>

我正在使用Brackets编辑器，当我使用预览选项时，图像显示为空白，左上角有一个符号。如果你能让我知道我做错了什么就会很棒。谢谢！

Answer 1

如果通过file://等任何其他协议加载网页，大多数浏览器会阻止访问任何http://网址。

Answer 2

看起来像文件路径有问题。

如果img与html文档位于同一文件中，请使用此

<img src="image.jpg">

如果img位于其他文件夹中，请使用../从当前文件夹返回

<img src="../differentfolder/image.jpg">

（同样，在括号中，您可以将鼠标悬停在代码中的img文件路径上以显示图像的预览。如果文件路径正确，则应显示图像）

Answer 3

如果image.jpg与HTML页面位于同一文件夹中，则您可以使用相对路径加载图片：<img src="./image.jpg" />

例如，如果文件结构如下：

parent folder
 |
 +- index.html
    image.jpg

当然，您可以根据图片相对于HTML页面的位置调整路径。