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

2016年11月30日 17:51:20 Bolon0708 阅读数 21775
 
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/l18848956739/article/details/53411241

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>

假设info.html路径是:c:/Inetpub/wwwroot/sites/blabla/info.html
假设index.html路径是:c:/Inetpub/wwwroot/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/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

最新文章

  1. 前端弹出对话框 js实现 ajax交互
  2. selenium定位页面元素的一件趣事
  3. decimal(a,b)
  4. initializer for conditional binding must have optional type not AVAudioPlayer
  5. java 时间戳与日期字符串相互转换
  6. centos 用户切换
  7. AngularJs 【使用】 -- ng-repart 排序使用
  8. 转:CSS选择器笔记
  9. VirtualBox安装及使用说明和虚拟机安装XP系统图文教程
  10. node.js和express创建服务器
  11. 在从1到n的正数中1出现的次数
  12. Docker系列07—Dockerfile 详解
  13. JS学习笔记Day15
  14. C#---ASP页面的下拉框模糊查询功能
  15. cookie,localStorage和sessionStorage区别
  16. DotNetty 实现 Modbus TCP 系列 (四) Client &amp; Server
  17. CentOS7 修改网卡名称
  18. 20145301《网络对抗》Exp2 后门原理与实践
  19. 【统计学】英文概念之Mean和Average的区别
  20. Linux硬盘扩容

热门文章

  1. 「JSOI2015」子集选取
  2. 小程序云函数调用http或https请求外部数据
  3. ESLint规则整理与实际应用
  4. kafka创建topic报错
  5. C++11常用特性介绍——array容器
  6. apache、mysql、php核心、phpmyadmin的安装及相互关联
  7. i.MX RT600之DSP开发环境调试篇
  8. slice 、 substr 、replace
  9. linux磁盘空间挂载
  10. 了解Web的相关知识