问题描述
我对HTML很陌生。我试图在我的网站上显示图片,但出于某种原因,它只显示一个带有问号的蓝色框。我在互联网上到处寻找,但没有任何解决方案似乎为我工作。我试过:
< img src =iwojimaflag.jpg/>
< img src =images / iwojimaflag.jpg/>
< img src =Applications / MAMP / htdocs / Symfony / src / Acme / WebBundle / Resources / public / images / iwojimaflag.jpg/>
只要展开 niko 的答案:
你可以通过它的URL来引用任何图像。不管它在哪里,只要它是可访问的,你可以用它作为 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 ,根位于 http://example.com/ (或者它是服务器文件系统上的相应目录,通常是 www / )。前两个例子是相同的,因为它们都指向相同的主机,将第一个 / 看作您的服务器根目录的别名。在第二种情况下,图片位于另一个主机中,因此您必须指定图片的完整网址。
关于 / ,。和 .. :
$ b / 符号将始终返回文件系统或网站的根目录。
单点 ./ 指向您所在的目录。
双点 ../ 将指向上层目录或包含实际工作目录的目录。
所以你可以使用它们建立相关路线。
路线示例 http://example.com/dir/one/two/three/ 和您的调用文档位于 3 / 中
:./ pictures / image.png
或者只是
pictures / image.png
将尝试查找名为图片的目录内部 http://example.com/dir/one/two/three/ 。
../ pictures / image.png
将尝试在 http://example.com/dir/one/two/ 内找到名为图片的目录。 。
/ pictures / image.png
将尝试直接在 / 处找到名为图片的目录或 example.com (它们是相同的),与目录相同。
I'm kind of new to HTML. I'm trying to display an image on my website but for some reason, it just shows a blue box with a question mark in it. I've looked everywhere on the internet, but none of the solutions seemed to work for me. I've tried:
<img src="iwojimaflag.jpg"/> <img src="images/iwojimaflag.jpg"/> <img src="Applications/MAMP/htdocs/Symfony/src/Acme/WebBundle/Resources/public/images/iwojimaflag.jpg"/>
Just to expand niko's answer:
You can reference any image via its URL. No matter where it is, as long as it's accesible you can use it as the src. Example:
Relative location:
<img src="images/image.png">
The image is sought relative to the document's location. If your document is at http://example.com/site/document.html, then your images folder should be on the same directory where your document.html file is.
Absolute location:
<img src="/site/images/image.png"> <img src="http://example.com/site/images/image.png">
or
<img src="http://another-example.com/images/image.png">
In this case, your image will be sought from the document site's root, so, if your document.html is at http://example.com/site/document.html, the root would be at http://example.com/ (or it's respective directory on the server's filesystem, commonly www/). The first two examples are the same, since both point to the same host, Think of the first / as an alias for your server's root. In the second case, the image is located in another host, so you'd have to specify the complete URL of the image.
Regarding /, . and ..:
The / symbol will always return the root of a filesystem or site.
The single point ./ points to the same directory where you are.
And the double point ../ will point to the upper directory, or the one that contains the actual working directory.
So you can build relative routes using them.
Examples given the route http://example.com/dir/one/two/three/ and your calling document being inside three/:
"./pictures/image.png"
or just
"pictures/image.png"
Will try to find a directory named pictures inside http://example.com/dir/one/two/three/.
"../pictures/image.png"
Will try to find a directory named pictures inside http://example.com/dir/one/two/.
"/pictures/image.png"
Will try to find a directory named pictures directly at / or example.com (which are the same), on the same level as directory.
这篇关于HTML:图片不会显示?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!