HTML文件路径有两种类型:绝对文件路径和相对文件路径。
HTML文件路径是用于描述网站文件夹中文件的位置，它是在网页上用于链接外部文件的，比如：其他HTML文件（网页），图片（使用<img>标签或background属性）、css样式表（使用<link>标签）、JavaScript文件（使用<script>标签）等。下面我们就来看看两种类型的文件路径具体是如何设置的，希望对你们有所帮助。【视频教程推荐：HTML教程】HTML文件路径用于描述文件在网站文件夹中的位置，它用于链接网页上的外部文件，如其他HTML文件(网页)和图片(使用
绝对文件路径
绝对文件路径是指目录下的绝对位置，直接到达目标位置。它是硬盘上主页上文件或目录的真实路径，通常来自驱动器盘符；它可以指定完整的URL地址。
示例:
<h2>使用完整的URL文件路径</ h2> <img src ="https://img.php.cn/upload/article/000/000/024/5c18b67545a8c134.jpg" alt="image" style="width: 250px"> <img src ="D:/demo/img/1.jpg" alt="image" style="width: 250px">渲染:
相对文件路径
相对文件路径是指由该文件的路径引起的与其他文件(或文件夹)的路径关系，可以指定与当前页面相关的文件；使用相对文件路径可以带来很多便利。
以下是相对文件路径的一些示例:
示例1:如何指向与HTML文件位于同一文件夹中的1.jpg文件，例如:
可以参考路径。
<img src ="1.jpg" alt="image" style="width: 250px">例2：如何指向位于当前目录的img文件夹中的1.jpg文件，例：例2:如何指向位于当前目录img文件夹下的1.jpg文件，例如:
你可以这样引用路径:
<img src ="img/1.jpg" alt="image" style="width: 250px">示例3:当1.html文件和1.jpg文件位于同一目录的两个文件夹中时，示例:
你可以这样引用路径:
<img src ="../img/1.jpg" alt="image" style="width: 250px">这三个例子达到了同样的效果，效果图如下:
结语:以上是本文的全部内容，希望对大家的学习有所帮助。
这些是HTML文件路径类型的详细信息。更多详情请关注AdminJS.cn其他相关文章！
adminjs.cn是一个以CSS、JavaScript、Vue、HTML为核心的前端开发技术网站。我们致力于为广大前端开发者提供专业、全面、实用的前端开发知识和技术支持。 在本网站中，您可以学习到最新的前端开发技术，了解前端开发的最新趋势和最佳实践。我们提供丰富的教程和案例，让您可以快速掌握前端开发的核心技术和流程。 Adminjs.cn还提供一系列实用的工具和插件，帮助您更加高效地进行前端开发工作。我们提供的工具和插件都经过精心设计和优化，可以帮助您节省时间和精力，提升开发效率。 在Adminjs.cn中，您可以找到您需要的一切前端开发资源，让您成为一名更加优秀的前端开发者。欢迎您加入我们的大家庭，一起探索前端开发的无限可能！