HTML文件路径-1.26HTML基础教程

路径描述 <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 位于当前文件夹的上一级文件夹中

HTML 文件路径

文件路径描述了网站文件夹结构中某个文件的位置。

创新互联专注于汉南企业网站建设,成都响应式网站建设公司,成都做商城网站。汉南网站建设公司,为汉南等地区提供建站服务。全流程按需策划设计，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务

文件路径会在链接外部文件时被用到：

网页图像样式表JavaScript

绝对文件路径

绝对文件路径是指向一个因特网文件的完整 URL：

实例 <img src="https://www.cdcxhl.com/images/picture.jpg" alt="flower">

<img> 标签以及 src 和 alt 属性在 HTML 图像这一章做了讲解。

相对路径

相对路径指向了相对于当前页面的文件。

在本例中，文件路径指向了位于当前网站根目录中 images 文件夹里的一个文件：

实例 <img src="/images/picture.jpg" alt="flower">

在本例中，文件路径指向了位于当前文件夹中 images 文件夹里的一个文件：

实例 <img src="images/picture.jpg" alt="flower">

在本例中，文件路径指向了位于当前文件夹的上一级文件夹中 images 文件夹里的一个文件：

实例 <img src="../images/picture.jpg" alt="flower">

好习惯

使用相对路径是个好习惯（如果可能）。

如果使用了相对路径，那么您的网页就不会与当前的基准 URL 进行绑定。所有链接在您的电脑上 (localhost) 或未来的公共域中均可正常工作。

当前文章：HTML文件路径-1.26HTML基础教程
网址分享：https://www.cdcxhl.com/article21/dghhdcd.html

成都网站建设公司_创新互联，为您提供定制网站、动态网站、服务器托管、小程序开发、网站收录、网站设计

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容