路径

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

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 @   燕归楼  阅读(342)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」
点击右上角即可分享
微信分享提示