HTML教程 HTML教程HTML是什么HTML 代码编辑器HTML 基础标签HTML 元素HTML 属性HTML 标题HTML 段落HTML 文本格式化HTML CSSHTML 头部HTML链接HTML 图像HTML 区块和行内元素HTML 表格HTML 列表HTML 引用和定义元素HTML 计算机代码元素HTML 布局HTML 框架HTML 脚本/JavaScriptHTML 文件路径HTML 颜色HTML 字符(编码)和实体HTML URL(网址)HTML XHTMLHTML - Web服务器HTML空格符(空格的代码)HTML表单 HTML 表单HTML 表单属性HTML 表单元素HTML 表单input类型HTML 表单input属性HTML多媒体 HTML多媒体HTML5 教程 HTML5 教程 从入门到精通HTML5 拖放/拖拽HTML5 语义元素 HTML5 新的 Input 输入类型HTML5 新表单元素HTML5 新的表单属性HTML5 canvas画布HTML5 SVG矢量图形HTML5 Audio(音频)HTML5 Video(视频)HTML5 Web WorkersHTML5 存储HTML5 WebSocketHTML5 IndexedDBHTML5 IndexedDB增删改查HTML 参考手册 HTML 全局属性HTML 事件属性HTML 世界语言代码缩略词ascii码对照表HTML 完整的 ISO-8859-1 参考手册HTML 符号实体参考手册HTML 字符集HTML URL编码表HTML Canvas 参考手册SVG 参考手册HTML 音频/视频 document 参考手册

HTML 文件路径

文件路径描述了网站文件夹结构中某个文件的位置。文件路径分绝对路径和相对路径。

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

绝对路径

绝对路径分本地和网络。

<img src = "G:/testworkspace/logo.png"/>

网络上的绝对路径图片地址

<img src="http://www.xuandaima.com/images/logo.png">

相对路径

gaitubao_微信图片_20210820203302.png

logo.png 位于与当前网页相同的文件夹

网页位置:F:\www\index.html  图片位置:F:\www\logo.png

 <img src="logo.png">

logo.png 位于根目录下的文件夹,www为根目录文件夹

网页位置:F:\www\index.html  图片位置:F:\www\logo.png

 <img src="/logo.png">

gaitubao_微信图片_20210820203453.png

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

网页位置:F:\www\index.html  图片位置:F:\www\images\logo.png

<img src="images/picture.jpg">

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

网页位置:F:\www\images\index.html  图片位置:F:\www\images\logo.png

<img src="../images/logo.png">

在本例中,文件路径指向了位于当前文件夹的上一级,再上一级的根目录中的一个文件:

网页位置:F:\www\images\img\index.html  图片位置:F:\www\logo.png

 <img src="../../logo.png">


路径描述
<img src="logo.png">logo.png 位于与当前网页相同的文件夹
<img src="images/logo.png">logo.png 位于当前文件夹的 images 文件夹中
<img src="/images/logo.png">logo.png 当前站点根目录的 images 文件夹中
<img src="../logo.png">logo.png 位于当前文件夹的上一级文件夹中
<img src="../../logo.png">logo.png 位于当前文件夹的上上一级文件夹中