我是HTML的新手。我正在尝试在我的网站上显示图像，但出于某种原因，它只显示一个带有问号的蓝色框。我在互联网上到处寻找，但没有一个解决方案对我有用。我试过了：
<img src="iwojimaflag.jpg"/>
<img src="images/iwojimaflag.jpg"/>
<img src="Applications/MAMP/htdocs/Symfony/src/Acme/WebBundle/Resources/public/images/iwojimaflag.jpg"/>
答案 0 :(得分：4)
只是为了扩展 niko 的回答：
您可以通过其网址引用任何图片。无论它在哪里，只要它是可访问的，您就可以将它用作src。例如：
相对位置：
<img src="images/image.png">
相对于文档的位置寻找图像。如果您的文档位于http://example.com/site/document.html，那么您的images文件夹应位于document.html文件所在的同一目录中。
绝对位置：
<img src="/site/images/image.png">
<img src="http://example.com/site/images/image.png">
或
<img src="http://another-example.com/images/image.png">
在这种情况下，您的图片将从文档网站的根目录中搜索，因此，如果您的document.html位于http://example.com/site/document.html，则根目录将位于{{1 （或者它是服务器文件系统上的相应目录，通常是http://example.com/）。前两个示例是相同的，因为两者都指向同一主机，将第一个www/视为服务器根目录的别名。在第二种情况下，图像位于另一个主机中，因此您必须指定图像的完整URL。
关于/，/和. ：
..符号将始终返回文件系统或站点的根目录。
单点/指向您所在的同一目录。
双点./将指向上层目录，或者包含实际工作目录的目录。
所以你可以使用它们建立相对路线。
路由../和调用文档位于http://example.com/dir/one/two/three/内的示例：
three/或只是
"./pictures/image.png"
将尝试在"pictures/image.png"
内找到名为pictures的目录。
http://example.com/dir/one/two/three/将尝试在"../pictures/image.png"
内找到名为pictures的目录。
http://example.com/dir/one/two/将尝试直接在"/pictures/image.png"
或pictures找到名为/的目录（相同），与example.com处于同一级别。
答案 1 :(得分：3)
让我们看看引用图像的方法。
返回目录
../
目录中的文件夹：
foldername/
目录中的文件
imagename.jpg
现在，让我们将它们与您指定的地址结合起来。
/Resources/views/Default/index.html
/Resources/public/images/iwojimaflag.jpg
从html文件引用的第一个公共目录是三个：
../../../
它位于两个文件夹中：
../../../public/images/
你已经达到了这个形象：
../../../public/images/iwojimaflag.jpg
注意：这是假设您正在访问您在评论中指定的domain.com/Resources/views/Default/index.html上的页面。
答案 2 :(得分：0)
如果你将<img src="iwojimaflag.jpg"/>放在html代码中，那么将iwojimaflag.jpg和html文件放在同一个文件夹中。
如果你放<img src="images/iwojimaflag.jpg"/>，那么你必须创建＆＃34;图像＆＃34;文件夹并将图像iwojimaflag.jpg放在该文件夹中。
答案 3 :(得分：0)
img {
width: 200px;
}<img src="https://image.ibb.co/gmmneK/children_593313_340.jpg"/>
<img src="https://image.ibb.co/e0RLzK/entrepreneur_1340649_340.jpg"/>
<img src="https://image.ibb.co/cks4Rz/typing_849806_340.jpg"/>
请参见上面的代码。
答案 4 :(得分：-1)
我承认没有阅读整个帖子。然而，当我遇到类似的问题时，我发现仔细检查文件名的大小写并在HTML参考中纠正这个问题修复了类似的问题。 因此，Windows上的本地预览有效，但当我发布到我的服务器（托管的Linux）时，我必须确保＆＃34; mugshot.jpg＆＃34;被改为＆＃34; mugshot.JPG＆＃34;。部分问题是Windows隐藏文件类型指示后面的完整文件名的默认值。
答案 5 :(得分：-1)
我发现跳过引号＆＃34;＆＃34;围绕文件和位置名称显示图像... 我在MacBook上做这个....
答案 6 :(得分：-1)
注意： 在* nix系统上，请考虑使用以下命令为图像添加读取权限：
chmod o+r imagedirectoryAddress/imageName.extension
或此命令为所有图像添加读取权限：
chmod o+r imagedirectoryAddress/*.extension
如果您需要更多信息，请参阅此post。