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 表单input类型HTML 表单input属性

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