黑马程序员技术交流社区

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

作者: 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, 下载次数: 123)

图片1

图片1

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

图片2

图片2

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

图片3

图片3

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

图片4

图片4

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

图片5

图片5

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

图片6

图片6





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