在实际工作中,我们的文件夹不能随便乱放,否则用起来很难快速的找到它们,因此我们需要一个文件夹来管理他们。
目录文件夹
就是普通文件夹,里面只不过存放了我们做页面所需要的相关素材,比如html文件,图片等
根目录
打开目录文件夹的第一场就是根目录,
页面中的图片非常多,通常我们再建一个文件夹专门用于存放图像文件(images),这时再插入图像,就需要采用路径的方式来指定图像文件的位置,路径可以分为;相对路径和绝对路径
相对路径
以引用文件之网页所在位置为参考基础,而建立出的目录路径,因此,当保存于不同目录的网页引用同一个文件,所使用的路径将不相同,故称之为相对路径
路径分类 | 符号 | 说明 |
---|---|---|
同一路径 | 无 | 只需输入图像文件的名称即可,如< img src=“baidu.gif”> |
下级路径 | " / " | 图像文件位于HTML文件同级文件夹下(例如文件夹名称为:images)则< img src=“images/baidu.gif”> |
上级路径 | " … / " | 在文件名之前加入"…/",如果是上两级,则需要使用"…/…/“依次类推,如< img src=”…/baidu.gif"/> |
总结
相对路径是从代码所在的这个文件出发,去寻找我们的目标文件夹,而所谓的上一级、下一级、同一级,简单的说,就是图片位于HTML页面的位置
绝对路径
绝对路径以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当前所有网页引用同一个文件时,所使用的路径都是一样的
“D:\web\img\logo.gif”,或完整的网络地址,例如"http://www.itcast.cn/images/logo.gif"
注意:绝对路径用的较少,它的写法是\并不是相对路径的/