文件路径指定文件在 Web 文件夹结构中的位置。它就像一个文件的地址,可以帮助网络浏览器访问文件。文件路径用于链接外部资源,例如图像、视频、样式表、JavaScript、显示其他网页等。
要在网页中插入文件,必须知道其来源。例如,语法() 用于插入图像文件,其中在源文件(src) 中提到了文件的路径。
文件路径有两种类型:
- 绝对文件路径
- 相对文件路径
绝对文件路径:它描述了访问互联网文件的完整地址(URL)。
例子:
html
Absolute file path
html
Relative file path
File present in the same folder
html
Relative file path
File present in a folder above the current folder
html
Relative file path
File present in a folder which is located at
the root of the current subdirectories
输出:
相对文件路径:描述文件相对于当前网页文件所在位置的路径。
例一:显示当前网页文件所在文件夹中的文件路径。
html
Relative file path
File present in the same folder
输出:
示例2:显示当前网页文件所在文件夹上方的文件夹中的文件路径。图像文件存在于一个名为images的文件夹中,当前网页文件存在于一个子文件夹中,则代码如下:
html
Relative file path
File present in a folder above the current folder
输出:
示例 3:它显示位于当前子目录根目录的文件夹中存在的文件路径。
html
Relative file path
File present in a folder which is located at
the root of the current subdirectories
输出:
支持的浏览器:
- 谷歌浏览器
- 微软边缘
- 火狐
- 歌剧
- 苹果浏览器
CSS 是网页的基础,用于通过样式化网站和 Web 应用程序进行网页开发。您可以按照此 CSS 教程和 CSS 示例从头开始学习 CSS。