关于html中引用图像相对路径的问题

关于html中引用图像相对路径的问题
文件夹01 和 文件夹02 是同级的
我想问一下
测试.html在用标签引用 "图像.jpg"的时候如何写相对路径

1、例如: ,双引号下直接是文件名,这是找当前文件(3-图片标签.html)所在目录(图片标签)下的img1.png。

2、当img1.png在图片标签目录在,那么就可以防问到。点击可以预览到图片效果。另外和是一样的,但是当前路径。

3、如下图,当我们把img1.png移动到图片标签的上层清友宽目录html标签时。这时 路径不对。无法显示图片。

4、如果想访问到这张图片,可以使用../    就是代表上层目录。图片标签目录的上层目录就是―告春―html标签目录。

5、我们将图片再往外挪到web01-html目录下。这时候并不是加一个点答亮可以访问到(并不是  .../),而是再加一个上层目录,具体几个上层目录,主要看参照物是当前文件(3-图片标签.html)所在目录――图片标签。

6、接下来我们把图片放到web01-html目录下的img目录。注意参照物是图片标签(也就该html文件所在的目录),相对路径就是相对这个目录的。


首先,你上面的的写法是错误的。正确的应该是:
回答问题:
<态则拿img src="../../../文件夹盯如01/图像.jpg" />

其中,我们的html文件和我们的图片分薯森别放在了数戚亩不同文件夹。然后这两个文件夹是属于同仔哗一级的,即

展示效果


这个问题绝和磨帮你永远解决,无论你现在引用的资源在哪个文件夹里,只要是一个棚圆项目,那么路径请写全路径,如 你这网站项目最后的名字为 project ,那么所有的相对路并斗径资源 就写project/.../.../..
好像是.../文搜锋件夹01/图像.jpg 或坦罩者.../.../.../世信晌文件夹01/图像.jpg
← 上一篇: 下一篇: →