手册
目录
收藏108
分享
阅读2458
更新时间2025-07-15
| 路径 | 描述 |
|---|---|
| <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 位于当前文件夹的上一级文件夹中 |
文件路径描述了网站文件夹结构中某个文件的位置。
文件路径会在链接外部文件时被用到：
绝对文件路径是指向一个因特网文件的完整 URL：
<img src="https://www.w3school.com.cn/images/picture.jpg" alt="flower">
<img> 标签以及 src 和 alt 属性在 HTML 图像这一章做了讲解。
相对路径指向了相对于当前页面的文件。
在本例中，文件路径指向了位于当前网站根目录中 images 文件夹里的一个文件：
<img src="/images/picture.jpg" alt="flower">
在本例中，文件路径指向了位于当前文件夹中 images 文件夹里的一个文件：
<img src="images/picture.jpg" alt="flower">
在本例中，文件路径指向了位于当前文件夹的上一级文件夹中 images 文件夹里的一个文件：
<img src="../images/picture.jpg" alt="flower">
使用相对路径是个好习惯（如果可能）。
如果使用了相对路径，那么您的网页就不会与当前的基准 URL 进行绑定。所有链接在您的电脑上 (localhost) 或未来的公共域中均可正常工作。
相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.3万人学习
共49课时
77.4万人学习
共29课时
62万人学习
共25课时
39.5万人学习
共43课时
71.3万人学习
共25课时
61.9万人学习
共22课时
23.1万人学习
共28课时
34.1万人学习
共89课时
125.8万人学习
