html文档编写时的相对路径问题

1.编写html代码时一般都用到相对路径。

2.需要用到路径的标签一般有4个：

<img alt="" src=“”/>
<video src="">
<link rel="stylesheet" type=“text/css” href="">
<a target="_blank" href="">
 

3.相对路径表示方法：“../”来表示上一级目录，“../../”表示上上级的目录，以此类推。下级目录用“/..”表示。同级目录不须用“/”，直接表示为“..”

“index.htm”中联接的“photo.jpg”

 

eg1： 
　　c:/website/web/index.htm 
　　c:/website/img/photo.jpg 
　　 正确写法：使用“../img/photo.jpg”的相对路径来定位文件 （此处为上级目录）

eg2： 
　　c:/website/web/xz/index.htm 
　　c:/website/img/images/photo.jpg 
      正确写法：可以使用“../../img/images/photo.jpg”的相对路径来定位文件 （此处为上上级目录）

eg3： 
　　c:/website/web/index.htm 
　　c:/website/web/photo.jpg 
　　 正确写法：使用“photo.jpg”的相对路径来定位文件（此处为同级目录）

eg4:G:\site\index.htm
        G:\site\web\article\01.htm 

index.htm链接01.htm方法：web/article/01.htm(此处为下级目录用法，下级目录一般都有自己的名称！)