路径
一、路径(重点、难点)⭕
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’‘
③绝对路径用的较少,需注意它的写法,特别是符号是\,相对路径的是/
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」