[小知识点]绝对路径与相对路径.
2016-05-17 23:14
351 查看
[b]1, 绝对路径与相对路径:
1.1 路径分为两种[/b]
第一种:绝对路径
(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"/>
= ../../ : 上层的上层
以后想到还会再补充, 知识点虽小, 但是还是挺容易出错的, 记录在这里备忘.
1.1 路径分为两种[/b]
第一种:绝对路径
(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"/>
= ../../ : 上层的上层
以后想到还会再补充, 知识点虽小, 但是还是挺容易出错的, 记录在这里备忘.
相关文章推荐
- Java Collection Framework 之 LinkedList 源码解析
- 二叉树的先序遍历(源代码)
- absolute 定位 右对齐
- 发现使用python+tushare做量化交易 其实不是很难
- 16位5级流水线CPU设计
- 算法解剖系列-Otsu二值化原理及实现
- Lua为啥这么好?
- C++面向对象实验(五)
- centos mysql 安装及配置
- ARC和非ARC区别
- ZUFE2389: Occult的卡片升级计划(DP)
- kombu------python的消息库
- python 安装 cairo
- lua API 小记3(lua虚拟机初始化)
- 读书笔记《iPhone应用开发从入门到精通》——Objective-C的内存管理
- CSS层次选择器温故-2
- Android Studio配置与使用GSON框架解析json数据
- Nginx 多个版本都适用的伪静态配置
- RK3288_emmc走线优化造成不刷机的问题!!三星EMMC_V4.5以上不可用!
- Java认识