HTML文件路径指定文件在网站文件夹中的位置。 文件路径与网络浏览器的文件地址非常相似。 使用HTML文件路径 ,可以将任何外部文件或资源链接到HTML文件。
路径 | 描述 |
<img src="picture.jpg"> | picture.jpg 位于与当前网页相同的文件夹 |
<img src="images/picture.jpg"> | picture.jpg 位于当前文件夹的 images 文件夹中 |
<img src="/images/picture.jpg"> | picture.jpg 当前站点根目录的 images 文件夹中 |
<img src="../picture.jpg"> | picture.jpg 位于当前文件夹的上一级文件夹中 |
1. HTML 文件路径
文件路径描述了网站文件夹结构中某个文件的位置。文件路径会在链接外部文件时被用到:
(1)网页
(2)图像
(3)样式表
(4)JavaScript
2. 路径分类
经常会有网友发现自己的网页中会有图片不能显示,其实大部分的原因都是因为你的地址写错了。网页中的图片或视频,都有自己对应存放的位置。网页只是通过其路径来找到它们的。
页面需要找到图片,就要通过路径才可以实现,路径分为相对路径(常用)和绝对路径
(1)相对路径
相对路径指向了相对于当前页面的文件。在下面的例子中,文件路径指向了位于当前网站根目录中 images 文件夹里的一个文件;
从当前文件开始出发找目标文件的过程,分为同级目录、上级目录、下级目录
a.同级目录
当前文件和目标文件在同一目录中
b.上级目录
目标文件在上级目录中
c.下级目录
目标文件在下级目录中
2.绝对路径
绝对文件路径是指向一个因特网文件的完整 URL;目录下的绝对路径,可直接到达目标位置,分为从盘符开始的路径和完整的网络地址。
举例:
<img src="https://www.dotcpp.com/oj/image/photo.png" alt="demo">
本文固定URL:https://www.dotcpp.com/course/1120
C语言网提供由在职研发工程师或ACM蓝桥杯竞赛优秀选手录制的视频教程,并配有习题和答疑,点击了解:
一点编程也不会写的:零基础C语言学练课程
解决困扰你多年的C语言疑难杂症特性的C语言进阶课程
从零到写出一个爬虫的Python编程课程
只会语法写不出代码?手把手带你写100个编程真题的编程百练课程
信息学奥赛或C++选手的 必学C++课程
蓝桥杯ACM、信息学奥赛的必学课程:算法竞赛课入门课程
手把手讲解近五年真题的蓝桥杯辅导课程