HTML相对路径(Relative Path)和绝对路径(Absolute Path)

时间:2010-01-25 08:14:46  来源:第二电脑网  作者:第二电脑网

  第二电脑网导读:个文件。比如,怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)?怎样在一个网页中插入一张图片?......(相关教程:HTML超链接;HTML图片)<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />
  正文:

HTML初学者会经常遇到这样一个问题,如何正确引用一个文件。比如,怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)?怎样在一个网页中插入一张图片?......(相关教程:HTML超链接;HTML图片)<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office/ target=_blank class=infotextkey>Office:office" />

如果你在引用文件时(如加入超链接,或者插入图片等),使用了错误的文件路径,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。

为了避免这些错误,正确地引用文件,我们需要学习一下HTML路径。

HTML有2种路径的写法:相对路径和绝对路径。

HTML相对路径(Relative Path)

同一个目录的文件引用

如果源文件和引用文件在同一个目录里,直接写引用文件名即可。

我们现在建一个源文件info.html,在info.html里要引用index.html文件作为超链接。

假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/sites/blabla/index.html
在info.html加入index.html超链接的代码应该这样写:

<a href = "index.html">index.html</a>

 

如何表示上级目录

../表示源文件所在目录的上一级目录,../../表示源文件所在目录的上上级目录,以此类推。

假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/sites/index.html
在info.html加入index.html超链接的代码应该这样写:

<a href = "../index.html">index.html</a>
HTML相对路径(Relative Path)和绝对路径(Absolute Path)》由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Page/HTML/12318.html


关键字:

关于《HTML相对路径(Relative Path)和绝对路径(Absolute Path)》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td