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(此处为下级目录用法,下级目录一般都有自己的名称!)