上查看所有课程
HTML 文件路径是特定文件的地址。它用于在 HTML 文档中链接外部文件，如 JavaScript、CSS、图像和其他网页。例如，
<a href="path/to/file.html">Link to file</a>在此示例中，path/to/file.html 是 HTML 文件的文件路径。此文件路径是相对于当前 HTML 文档的。
文件路径的类型
文件路径有两种类型
- 绝对文件路径
- 相对文件路径
我们将详细了解这两种文件路径。
绝对文件路径
绝对文件路径是访问互联网文件的完整 URL （地址）。例如，
<img src="https://cdn.programiz.com/sites/tutorial2program/files/pc_logo.svg" width="200" />
浏览器输出
在上面的例子中：
https://cdn.programiz.com/sites/tutorial2program/files/pc_logo.svg 是图像的完整位置。
相对文件路径
相对文件路径描述了文件相对于当前网页位置的路径。例如，
<img src="images/programiz.png" />文件路径
在上面的示例中，images/programiz.png 是相对路径。我们可以访问 images 文件夹，因为 images 目录与我们的 HTML 文件 (index.html) 位于同一个文件夹中。
访问根目录内的文件
现在，让我们看看如何访问根目录中的文件夹。根目录是包含所有相关文件和文件夹的最顶层目录。
<img src="/images/programiz.png" />文件路径
在上面的示例中，SERVER 是我们的根目录。正斜杠 (/) 表示根目录。因此，要访问根目录内的 images 文件夹，我们使用 /images。要访问 programiz.png，我们使用 /images/programiz.png。
文件位于上一级
现在，让我们看看如何访问位于上一级的文件夹。
<img src="../images/programiz.png" />文件路径
路径的 ../ 部分表示文件在目录层次结构中比 HTML 文件的当前位置高一级。换句话说，它指定了当前目录的父目录。
因此，要访问 pages 文件夹（tutorial 目录的父目录）内的 images 文件夹，我们使用 ../images。要访问 programiz.png，我们使用 ../images/programiz.png。