你们好,最近小活发现有诸多的小伙伴们对于html绝对路径,绝对路径这个问题都颇为感兴趣的,今天小活为大家梳理了下,一起往下看看吧。
1、 先说相对路径:顾名思义,就是文件之间的相对位置。相对位置有以下几种情况(以待链接图片与HTML文件的相对位置为例):
2、 第一,图片和文件在同一个目录下,比如图片和HTML文件在web目录下。如果在HTML页面中链接一张图片,可以直接写上图片的名称:img src=' mshi 02 . jpg ' width=' 30% '/
3、 写入后保存网页,然后在浏览器中打开它。效果图如下:
4、 第二,要链接的图片在文件夹images里,HTML文件和images在同一个文件夹里。这时可以这样写:img src=' images/mshi 03 . jpg ' width=' 30% '/。
5、 保存网页后,在浏览器中打开的效果如下图所示:
6、 如果要链接的图片在images的石梅文件夹里,就这样写:img src=' images/石梅/mshi04.jpg' width=' 30%'/,继续添加文件夹目录名。
7、 第三,图片和HTML文件在两个不同的文件夹,两个文件夹在同一个目录。比如图片在tu文件夹,html文件在page文件夹,tu和page都在web文件夹目录。
8、 这时链接图片是这样写的:img src='/web/tu/xigua.jpg' width=' 30%'/,其中./表示上一个目录。
9、 当《三》中的html文件在页面的索引文件夹中,图片位置不变的情况下,这样写:img src='/./tu/xigua.jpg' width=' 30%'/,
10、 每个./表示跳出当前文件夹到达其上级,两个./表示跳出两个文件夹到达web文件夹。如果您再次转到文件夹tu到/tu,
11、 另一种是绝对路径:一般来说,完整描述文件位置的路径就是网站路径。
12、 例如" C:\test\mshi03.jpg "或者“https://www。百度一下。com/img/BD _ logo 1。巴布亚新几内亚"
13、 下面演示使用绝对路径链接图片,比如链接百度首页的logo图片,所以写:
以上就是绝对路径这篇文章的一些介绍,希望对大家有所帮助。