路径

一、路径(重点、难点)⭕

1、相对路径

⑴语义:以引用文件之网页所在位置为参考基础,而建立起的目录路径。因此,当保存于不同目录的网页引用同一个文件时,

所使用的路径将不相同,所以称之为相对路径。

路径分类 符号 说明
同一级路径   只需输入图片文件名称即可,如<img src=''baidu.gif''/>
下一级路径 ''/''

图像文件位于HTML文件同级文件夹下(例如文件夹名称为:images)

如<img src=''images/baidu.gif/>

上一级路径 ''../''

在文件名之前加入''..'',如果是两级,则需要使用''../../'',以此类推,

如<img src=''../wj/baidu.gif''/>(wj为上一级文件夹)

 

 

 

 

 

 

 

 

 

 

 

⑶相对路径,是从代码所在的这个文件出发,去寻找我们的目标文件,而我们所说的上一级、下一级、同一级,简单说,

就是图片位于HTML页面的位置。

2、绝对路径

①语义:绝对路径以web站点根目录为参考基础的目标路径,之所以称为绝对,意指当所有网页引用同一个文件时,所使用

的路径都是一样的。

②''D:\web\img\logo.gif'',或完整的网址,例如’‘https://www.cnblogs.com/images/logo.svg?v=R9M0WmLAIPVydmdzE2keuvnjl-bPR7_35oHqtiBzGsM’‘

③绝对路径用的较少,需注意它的写法,特别是符号是\,相对路径的是/

posted @ 2020-08-26 19:21  燕归楼  阅读(386)  评论(0)    收藏  举报