首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HTML中的相对路径与绝对路径

HTML中的相对路径与绝对路径

作者头像
猿人谷
发布2018-01-17 16:02:07
3.2K0
发布2018-01-17 16:02:07
举报
文章被收录于专栏:猿人谷猿人谷

HTML初学者会经常遇到这样一个问题,如何正确引用一个文件。比如,怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)?怎样在一个网页中插入一张图片?......(相关教程:HTML超链接;HTML图片) 如果你在引用文件时(如加入超链接,或者插入图片等),使用了错误的文件路径,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。 为了避免这些错误,正确地引用文件,我们需要学习一下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> 如何表示上级目录 ../表示源文件所在目录的上一级目录,http://www.cnblogs.com/表示源文件所在目录的上上级目录,以此类推。 假设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> 假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html 假设index.html路径是:c:/Inetpub/wwwroot/index.html 在info.html加入index.html超链接的代码应该这样写: <a href = "http://www.cnblogs.com/index.html">index.html</a> 假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html 假设index.html路径是:c:/Inetpub/wwwroot/sites/wowstory/index.html 在info.html加入index.html超链接的代码应该这样写: <a href = "../wowstory/index.html">index.html</a> 如何表示下级目录 引用下级目录的文件,直接写下级目录文件的路径即可。 假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html 假设index.html路径是:c:/Inetpub/wwwroot/sites/blabla/html/index.html 在info.html加入index.html超链接的代码应该这样写: <a href = "html/index.html">index.html</a> 假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html 假设index.html路径是:c:/Inetpub/wwwroot/sites/blabla/html/tutorials/index.html 在info.html加入index.html超链接的代码应该这样写: <a href = "html/tutorials/index.html">index.html</a> HTML绝对路径(Absolute Path) HTML绝对路径(absolute path)指带域名的文件的完整路径。 假设你注册了域名www.admin5.com/html,并申请了虚拟 主 机,你的虚拟 主 机提供商会给你一个目录,比如www,这个www就是你网站的根目录。 假设你在www根目录下放了一个文件index.html,这个文件的绝对路径就是: http://www.admin5.com/html。 假设你在www根目录下建了一个目录叫html_tutorials,然后在该目录下放了一个文件index.html,这个文件的绝对路径就是http://www.admin5.com/html/html_tutorials/index.html

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2013-03-01 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档