本帖最后由 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.根目录:打开目录文件夹的第一级;
|
组图打开中,请稍候......
|