HTML 文件路径

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

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

• 网页

• 图像

• 样式表

• JavaScript

绝对路径

绝对路径分本地和网络。

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

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

<img src="http://www.xuandaima.com/images/logo.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">

在本例中，文件路径指向了位于当前文件夹中 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">