我是HTML的新手。我试图在我的网站上显示图像,但是由于某种原因,它只显示一个带有问号的蓝色框。我在互联网上到处都是,但似乎没有一种解决方案适合我。我试过了:
<img src="iwojimaflag.jpg"/>
<img src="images/iwojimaflag.jpg"/>
<img src="Applications/MAMP/htdocs/Symfony/src/Acme/WebBundle/Resources/public/images/iwojimaflag.jpg"/>
Run Code Online (Sandbox Code Playgroud)
只是为了扩大尼古的答案:
您可以通过其URL引用任何图像。无论它在哪里,只要可以访问它,就可以将其用作src。例:
相对位置:
<img src="images/image.png">
Run Code Online (Sandbox Code Playgroud)
相对于文档的位置查找图像。如果您的文档位于http://example.com/site/document.html,则images文件夹应与document.html文件位于同一目录。
绝对位置:
<img src="/site/images/image.png">
<img src="http://example.com/site/images/image.png">
Run Code Online (Sandbox Code Playgroud)
要么
<img src="http://another-example.com/images/image.png">
Run Code Online (Sandbox Code Playgroud)
在这种情况下,将从文档站点的根目录中查找您的映像,因此,如果您document.html位于http://example.com/site/document.html,则根目录将位于http://example.com/(或通常是服务器文件系统上的相应目录www/)。前两个示例是相同的,因为它们都指向同一主机,所以将第一个示例/视为服务器根目录的别名。在第二种情况下,图像位于另一个主机中,因此您必须指定图像的完整URL。
关于/,.和..:
该/符号将始终返回文件系统或站点的根目录。
单点./指向您所在的目录。
双点将../指向上一级目录或包含实际工作目录的目录。
因此,您可以使用它们来建立相对路线。
给出路线的示例http://example.com/dir/one/two/three/以及您的调用文档都在其中three/:
"./pictures/image.png"
Run Code Online (Sandbox Code Playgroud)
要不就
"pictures/image.png"
Run Code Online (Sandbox Code Playgroud)
将尝试查找一个名为picturesinside 的目录http://example.com/dir/one/two/three/。
"../pictures/image.png"
Run Code Online (Sandbox Code Playgroud)
将尝试查找一个名为picturesinside 的目录http://example.com/dir/one/two/。
"/pictures/image.png"
Run Code Online (Sandbox Code Playgroud)
会尝试pictures在/或上找到一个直接命名为的目录example.com(相同),与处于同一级别directory。
如果您输入 <img src="iwojimaflag.jpg"/>html 代码,请将 iwojimaflag.jpg 和 html 文件放在同一文件夹中。
如果您放置<img src="images/iwojimaflag.jpg"/>,则必须创建“images”文件夹并将图像 iwojimaflag.jpg 放入该文件夹中。