亲,本人为专职SOHO族兼网站/平面设计师,
提供网站业务如下:网站设计网站修改服务网站教学asp/php程序修改
提供平面业务如下: LOGO设计名片设计传单设计宣传册设计PPT设计改图业务
我期待与您合作 !!
本人承接任何网站/平面方面的业务!价格是一般网络公司的1/3,质量保证!
    html -> 列表    

HTML文件路径 / 如何使用src?

作者: admin / 热度: 392 / 发布时间: 07 21,2020

HTML 文件路径

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

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

  • 网页
  • 图像
  • 样式表
  • JavaScript

绝对文件路径

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

实例

<img src="https://www.w3school.com.cn/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) 或未来的公共域中均可正常工作。

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

源码出售


FORM表单模板下载 / 100款HTML表单样式下载 / ¥20

PHP图片处理 / ¥20

PHP+MySQL导出数据生成csv/xml/doc/html/xls/pdf / ¥20
关于我们 平面服务列表
网站服务列表 联系我们
关于我们
网站作品
付款方式
实用导航
常见问题
Blog文章
平面修改服务
LOGO设计
名片设计
传单设计
宣传册设计
PPT设计
网站修改服务
网站答疑
网站教学
网站设计
HTML编辑器
海啸推广
在线联系我们
微信号:abc229041248
QQ 号:229041248
E-mail:229041248@qq.com
电话:13268299646
Copyright ©2008-2018 行人网络 Corporation, All Rights Reserved