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

文件夹01 和 文件夹02 是同级的
我想问一下
测试.html在用<image src=''>标签引用 "图像.jpg"的时候如何写相对路径

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

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

3、如下图,当我们把img1.png移动到图片标签的上层目录html标签时。这时<img src="img1.png" /> 路径不对。无法显示图片。

4、如果想访问到这张图片,可以使用<src="../img1.png" />../    就是代表上层目录。图片标签目录的上层目录就是——html标签目录。

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

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

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2018-02-27
首先,你上面的<image src="">的写法是错误的。正确的应该是:<img src="" />
回答问题:
<img src="../../../文件夹01/图像.jpg" />本回答被提问者和网友采纳
第2个回答  2020-11-24

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

展示效果

第3个回答  2012-08-24
这个问题帮你永远解决,无论你现在引用的资源在哪个文件夹里,只要是一个项目,那么路径请写全路径,如 你这网站项目最后的名字为 project ,那么所有的相对路径资源 就写project/.../.../..
第4个回答  2012-08-24
好像是.../文件夹01/图像.jpg 或者.../.../.../文件夹01/图像.jpg

关于html中引用图像相对路径的问题
1、例如:<img src="img1.png" \/> ,双引号下直接是文件名,这是找当前文件(3-图片标签.html)所在目录(图片标签)下的img1.png。2、当img1.png在图片标签目录在,那么就可以防问到。点击可以预览到图片效果。另外<img src=".\/img1.png" \/>和<img src="img1.png" \/>是一样的,但是当...

HTML里要想插入一张图片,怎么找图片的相对路径?
需要先建一个文件夹web,该文件夹下有一个文件夹image和你的HTML网页文件index.html;那么相对路径就是<image src=image\/1.jpg>;就是相对于你的HTML所在的文件夹为初始路径。超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。...

在html中不用绝对路径,可以用相对路径引入图片吗?
当然可以,相对路径是相对于当前目录位置而言的,一但调入文件index.html或图片所在目录的位置发生变化则图片就不会被显示,而将起始文件index.html和图片文件目录放置在同一个目录中时用相对路径会比较方面,只要整体移动就不会有问题,因此养成良好的编程习惯相当重要。

html中图片路径和格式问题
首先,图片不建议你放桌面,因为桌面的物理地址很长,容易出错;其次,假如你的图片在D盘的images文件下,文件名称为 tupian.jpeg的话用下面的格式。<img src="file:\/\/\/D|\/images\/tupian.jpeg"\/> 这个是物理路径,如果是网站的话,用相对路径则为下面的:<img src="images\/tupian.jpeg"\/> 这个...

html语言中的相对路径问题
HTML相对路径(Relative Path)同一个目录的文件引用 如果源文件和引用文件在同一个目录里,直接写引用文件名即可。织梦内容管理系统 我们现在建一个源文件info.html,在info.html里要引用index.html文件作为超链接。织梦内容管理系统 假设info.html路径是:c:\\Inetpub\\wwwroot\\sites\\blabla\\info.html 假设...

html相对路径怎么写?
HTML中的相对路径写法:在HTML中,相对路径是指相对于当前文件的路径来指定其他文件的位置。它是网页设计中常用的一种路径形式,相对于绝对路径而言更加灵活。下面是关于HTML相对路径的 1. 同级目录下文件的引用:如果在同一级的文件夹中想要引用另一个文件,只需输入该文件的名称即可。例如,假设当前文件...

HTML里要想插入一张图片,怎么找图片的相对路径?
现有一个文件夹web\\x0d\\x0a该文件夹下有一个文件夹image和你的HTML网页文件index.html\\x0d\\x0a那么相对路径就是\\x0d\\x0a就是相对于你的HTML所在的文件夹为初始路径!

html如何设置图片路径html怎么设置图片路径
相对路径:如果是网站的话,则为下面的:img src=images\/tupian.jpeg\/>相对路径:如果是网站,则如下:将这个html文件与images放在同一个目录中:将此图片与html文件放在同一个目录中:标签中,输入html代码:img src="small3.png"\/>。3、浏览器运行index.html页面,此时添加的本地图片的路径是相对路径...

关于html中图片的相对路径
个人觉得把代码贴上来会比大家在这猜的强~Ps:一般的话都是在站点文件夹下新建"images"文件夹用来存图片,然后代码就是 <img src="images\/xx.jpg" \/>

html中img的src相对路径怎么写?
html中img的src相对路径的写法:同一个目录的文件引用---直接写引用文件名即可。如果源文件和引用文件在同一个目录里,直接写引用文件名即可,这时引用文件的方式就是使用相对路径。例如:我们现在建一个源文件info.html,在info.html里要引用index.html文件作为超链接。假设info.html路径是:c:\/Inetpub\/...

相似回答