在本 HTML 教程中，您将学习 HTML 中文件路径的所有含义。我们还将讨论 HTML 中指定的各种文件路径类型。
HTML 文件路径用于描述文件在网站文件夹中的位置。对于网络浏览器，文件路径类似于文件地址。通过使用文件路径，我们可以将任何外部资源添加到我们的 HTML 文件中，例如图片、文件、CSS 文件、JS 文件、视频等。要将任何外部源链接到 HTML 文件，src 或 href 属性需要一个属性。
我们可以通过多种方式指定文件路径
| 路径 | 描述 |
|---|---|
|
<img src="demo.jpg"> |
当文件位于与文档相同的文件夹中时使用 |
|
<img src="images/demo.jpg"> |
当文件位于文档的同一文件夹中但在名为 images 的子文件夹中时使用 |
|
<img src="/images/demo.jpg"> |
当文件位于文档根文件夹的子文件夹 images 中时使用 |
|
<img src="../demo.jpg"> |
当文件位于上一级文件夹中时使用 |
文件路径用于链接外部文件，例如网页、图像、样式表和 JavaScript
文件路径主要有两种类型
绝对文件路径指定完整的 URL 地址。
<img src=" https://www.learnetutorials.com/logo.png" alt="logo">
相对文件路径指与当前页面位置相关联的文件。示例：当文件位于文档的同一文件夹中但在名为 images 的子文件夹中时
<img src=" images/demo.jpg " alt="logo">
示例：当文件位于文档根文件夹的子文件夹 images 中时
<img src=" images/demo.jpg " alt="logo">
示例：当文件位于上一级文件夹中时
<img src="../demo.jpg " alt="logo">
注意：我们应始终使用正确的 URL、文件名和图片名称；否则，页面将不会显示。只要可能，我们应使用相对文件路径，以便您的代码不依赖于 URL。
