Dotcpp  >  编程教程  >  HTML语法  >  HTML文件路径

HTML文件路径

点击打开在线编译器,边学边练

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

上一课:

HTML框架

下一课:

HTML<iframe>标签

C语言网提供由在职研发工程师或ACM蓝桥杯竞赛优秀选手录制的视频教程,并配有习题和答疑,点击了解:

一点编程也不会写的:零基础C语言学练课程

解决困扰你多年的C语言疑难杂症特性的C语言进阶课程

从零到写出一个爬虫的Python编程课程

只会语法写不出代码?手把手带你写100个编程真题的编程百练课程

信息学奥赛或C++选手的 必学C++课程

蓝桥杯ACM、信息学奥赛的必学课程:算法竞赛课入门课程

手把手讲解近五年真题的蓝桥杯辅导课程

Dotcpp在线编译      (登录可减少运行等待时间)