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">
C语言网提供由在职研发工程师或ACM蓝桥杯竞赛优秀选手录制的视频教程，并配有习题和答疑，点击了解：
一点编程也不会写的：零基础C语言学练课程
解决困扰你多年的C语言疑难杂症特性的C语言进阶课程
从零到写出一个爬虫的Python编程课程
只会语法写不出代码？手把手带你写100个编程真题的编程百练课程
信息学奥赛或C++选手的 必学C++课程
蓝桥杯ACM、信息学奥赛的必学课程：算法竞赛课入门课程
手把手讲解近五年真题的蓝桥杯辅导课程