码迷,mamicode.com
首页 > Web开发 > 详细

HTML 相对路径表示方法

时间:2015-08-13 14:23:55      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:html 相对路径表示方法

【如果源文件和引用文件在同一个目录里,直接写引用文件名即可。】
1 假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html
2 假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\index.html
3 在info.html加入index.html超链接的代码应该这样写:
4 <href = "index.html">index.html</a>


【../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。】
1 假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html
2 假设index.html路径是:c:\Inetpub\wwwroot\sites\index.html
3 在info.html加入index.html超链接的代码应该这样写:
4 <href = "../index.html">上一级目录的index.html</a>
1 假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html
2 假设index.html路径是:c:\Inetpub\wwwroot\index.html
3 在info.html加入index.html超链接的代码应该这样写:
4 <href = "../../index. html">上两级目录的index.html</a>
1 假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html
2 假设index.html路径是:c:\Inetpub\wwwroot\sites\wowstory\index.html
3 在info.html加入index.html超链接的代码应该这样写:
4 <href = "../wowstory/index.html">上一级目录中的某子目录下的index.html</a>


【引用下级目录的文件,直接写下级目录文件的路径即可。】
1 假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html
2 假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\index.html
3 在info.html加入index.html超链接的代码应该这样写:
4 <href = "html/index.html">子目录下的index.html</a>
1 假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html
2 假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html
3 在info.html加入index.html超链接的代码应该这样写:
4 <href = "html/tutorials/index.html">多级子目录的index.html</a>

HTML 相对路径表示方法

标签:html 相对路径表示方法

原文地址:http://blog.csdn.net/sh_king/article/details/47611401

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!