黑马程序员技术交流社区

标题: 关于路径的理解-黑马吴亦凡 [打印本页]

作者: davd_jiang 时间: 2019-7-24 11:34
标题: 关于路径的理解-黑马吴亦凡
本帖最后由 davd_jiang 于 2019-7-24 11:38 编辑

关于路径
路径分为两类：相对路径、绝对路径，在实际工作中我们绝对不能使用绝对路径，一般都用相对路径；
查找路径的思路 --- 就是从文件自身出发，去找目标文件
1. 相对路径
1.1 同级（平级）路径
文件（html文件）和目标文件在同一个目录文件下面平级存在，我们可以直接书写目标文件名称（如果是图片就直接书写图片名称）,例如：laowang.jpg；
图片1<显示>
图片2<显示>
1.2 下级路径
文件（html文件）和存放目标文件的父级是平级存在，我们可以先书写目标文件的父级名称+/+目标文件名称，例如：img/laowang.jpg
图片3<显示>
图片4<显示>
1.3上级路径
存放文件（html文件）的父级和存放目标文件的父级是平级关系，我们可以直接以 ../ 表示上一级去查找目标文件路径；
图片5<显示>
图片6<显示>
*记忆口诀：
            同级路径：文件和目标文件是同一个父级，平级关系；
            下级路径：从文件出发往里面查找；
            上级路径：从文件出发往外面查找，用 ../ 表示上一级关系；

2.绝对路径：
以web站点根目录为参考基础的目录路径，其实一般分为两种情况：
01、带有盘符的路径，坚决不能使用，
例如：“D:\web/logo.gif”;
02、完整的网络地址，可以使用只要网络资源一直存在，
例如： http://www.itcast.cn
注意:如果要使用完成的网络地址必须书写http://
3. 目录文件夹：
用一个文件夹将一个项目的所有资源整合到一起，一般包含了存放图片的文件，存放css的文件夹，存放js的文件夹、存放图标文字的文件夹以及html文档等；
4.根目录：打开目录文件夹的第一级；

clipboard.png (18.31 KB, 下载次数: 67)

图片1

clipboard2.png (22.6 KB, 下载次数: 69)

图片2

clipboard.png (19.94 KB, 下载次数: 67)

图片3

clipboard2.png (27.09 KB, 下载次数: 68)

图片4

clipboard.png (18.43 KB, 下载次数: 72)

图片5

clipboard2.png (14.48 KB, 下载次数: 72)

图片6

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2