Html中的文件路径

路径分类:绝对路径、相对路径

一、绝对路径

绝对路径是指文件在硬盘上真正存在的路径。例如“bgjpg”这个图片是存放在硬盘的
“E:\book\网页布局代码\第2章”目录下,那么“bg.jpg”这个图片的绝对路径就是“E:book\网页布局代码\第2章\bgjpg
注意:绝对路径在实际的开发过程中很少去使用,如果使用“E:\book网页布局代码\第2章\bg.jpg”来指定背景图片的位置,在自己的计算机上 浏览可能会一切正常,但是上传
到Web服务器上浏览就很有可能不会显示图片了,绝对路径可以使用“\”或“/"字符作为目录的分隔字符

二、相对路径

1.同级目录,2种写法

文件名     duck.png
./文件名  ./duck.png

index页面与duck.png在同一目录

2.目标文件在同级文件的子文件中

直接使用 / 一级一级往下就可以
index与img是同级

3.目标文件在其它文件中

使用 ../ 表示上一级目录

posted @ 2023-06-16 14:29  清和时光  阅读(386)  评论(0编辑  收藏  举报