我在HTML中遇到img标记问题。我尝试使用相对路径和绝对图像文件路径,如下所示:
items()
但是这张图片没有显示出来。当我用firefox检查img元素时,我尝试单击图像路径。
然后我得到了这条道路:(dictionary_key, dictrionary_value)
正确的道路是这样的:<img src="../../images/pages/404-page/bg-construct-image.jpg"/>
<img src="D:\Web_HomeOWN\images\pages\404-page\bg-construct-image.jpg"/>
我的本地图片路径:file:///images/pages/404-page/bg-construct-image.jpg
我的本地html路径:file:///D:/Web_HomeOWN/images/pages/404-page/bg-construct-image.jpg
My folder structure
答案 0 :(得分:0)
根据您的结构,您无需导航向上两个文件夹,因为index.html
已在Web_HomeOWN
中。只需引用<img src="images/pages/404-page/bg-construct-image.jpg"/>
即可。
答案 1 :(得分:0)
../
用于从html文件的位置反向回来。在你的情况下,图像文件实际上位于你的html文件的子目录中,所以你不需要使用../
。您可以按如下方式使用img。
<img src="images/pages/404-page/bg-construct-image.jpg"/>