[小知识点]绝对路径与相对路径.
1, 绝对路径与相对路径:
1.1 路径分为两种
第一种:绝对路径
(1)文件的完全路径,
比如:file:///C:/Users/asus/Desktop/1018/day01/code/图像标签.html
第二种:相对路径(*****)
(1)一个文件相对于另外一个文件的位置
第一种情况:图片和html文件在一个文件夹下面
(1)在html中直接写图片的名称
第二种情况:图片在html的下层目录
(1)把html的完全路径和图片的完全路径写出来
html: C:\Users\asus\Desktop\1018\day01\code\ a.html
图片: C:\Users\asus\Desktop\1018\day01\code\ img\w01.png
= w01.png在a.html所在目录code的下层目录里面
= <img src="img/w01.png" width="300" height="300"/>
第三种情况:图片在html的上层目录
html: C:\Users\asus\Desktop\1018\day01\ code\a.html
图片: C:\Users\asus\Desktop\1018\day01\ c.png
= c.png在a.html所在目录code的上层目录
= 如何表示上层目录 ../
= <img src="../c.png" width="300" height="300"/>
= ../../ : 上层的上层
以后想到还会再补充, 知识点虽小, 但是还是挺容易出错的, 记录在这里备忘.
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?