HTML有2种路径的写法：绝对路径和相对路径
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>
假设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
HTML有2种路径的写法：绝对路径和相对路径的更多相关文章
- JavaWeb中Servlet和Jsp跳转路径的写法
最近学习时,常常要写一些页面之间的跳转或者前台和后端之间的跳转 下面总结一下自己对于这些跳转路径的写法 声明:以下讲到的jsp文件都默认在WebRoot目录下 1.表单(Jsp)->Servle ...
- jsp中超链接路径的写法
主题 超链接不就是一个地址字符串吗?这能有什么花头? LZSB! 曾经我也是这么想的.... 最近对apache的学习让我对网页中超链接,CSS,js的路径的写法有了一些新的认识. 所以这篇文章主要分 ...
- Servlet路径跳转1---使用相对路径和绝对路径,在页面上调用servlet的路径写法（超链接的方式和表单的方式）
课程1-13 http://www.imooc.com/video/5554 Servlet路径跳转: 绝对路径:放在任何地方都对的路径 相对路径:相对于当前资源的路径 index文件 加上/,表 ...
- iOS开发笔记－两种单例模式的写法
iOS开发笔记-两种单例模式的写法 单例模式是开发中最常用的写法之一,iOS的单例模式有两种官方写法,如下: 不使用GCD #import "ServiceManager.h" ...
- C#路径的八种相关操作，判断字符串是否为路径等
原文:C#路径的八种相关操作,判断字符串是否为路径等 1.判定一个给定的C#路径是否有效,合法 通过Path.GetInvalidPathChars或Path.GetInvalidFileNameCh ...
- React内三种函数的写法
以下提供三种React内函数的写法,都可以正常运行,有疑问可以留言 写法一:让函数内部的this指向这个类的实例,它是用bind实现的,bind的第一个参数表示context,就是this. //写 ...
- xpath路径的写法
关于xpath路径的写法 1.选取节点 表达式 描述 nodename 选取此节点的所有子节点. / 从根节点选取. // 从匹配选择的当前节点选择文档中的节点,而不考虑它们的位置. . 选取当前节点 ...
- 学习workerman之前需要知道的几种php回调写法
在workerman中会经常使用,我们先写一个回调函数,当某个行为被触发后使用该函数处理相关逻辑. 在PHP中最常用的几种回调写法如下 匿名函数做为回调 匿名函数(Anonymous function ...
- javaweb项目中绝对路径的写法理解
Tomcat的默认访问路径为http://localhost:8080,后需添加项目路径. 请求转发,是转发到本项目中的其他文件,所以在默认访问路径中添加了本项目的项目路径,故可以省略项目名称: re ...
随机推荐
- 基于科大讯飞AIUI平台自定义语义库的开发
说明:我写这篇文章的主要目的是因为我在做这块的时候遇到过一些坑,也是希望后来者能少走一些弯路. 科大讯飞AIUI开放平台地址 科大讯飞AIUI开放平台后处理地址 AIUI后处理开放平台协议 1. 科大 ...
- 《Web安全攻防 渗透测试实战指南》 学习笔记 （二）
Web安全攻防 渗透测试实战指南 学习笔记 (二) 第二章 漏洞环境及实践
- WARNING: bridge-nf-call-iptables is disabled解决
执行docker info出现如下警告 WARNING: bridge-nf-call-iptables is disabledWARNING: bridge-nf-call-ip6tables is ...
- java 8 list的stream操作 list中的对象中的某一个成员取出转为该成员的list，以及对象过滤，筛选某个属性后的成员
取成员属性list List<String> configList = codeEntityList.stream().map(t -> t.getName()).distinct( ...
- 【SSM 下载】下载文件
111111111 /** * 导出客户数据 */ @RequestMapping("exportCustomer") public ResponseEntity<Objec ...
- 图解jvm--(四)内存模型
内存模型 java 内存模型 很多人将[java 内存结构]与[java 内存模型]傻傻分不清,[java 内存模型]是 Java Memory Model(JMM)的意思. 简单的说,JMM 定义了 ...
- JavaScript - Compiling Vs Transpiling
参考 https://blog.csdn.net/napolunyishi/article/details/20473799 https://www.stevefenton.co.uk/2012/11 ...
- springboot+mybatis多数据源
首先,既然是多数据源,那么我们就先看下数据源怎么配置的: javaconfig类似下面这样: MapperScan注解常用配置如下: basePackages:Base packages to sca ...
- Plastic Sprayer Manufacturer - Sprayer: How Does It Work?
The Plastic Sprayers Manufacturer states that a sprayer is a device that uses a basic pump me ...
- ubuntu 18.04 上安装 docker
命令安装 docker 1.直接从 ubuntu 仓库安装,打开终端,输入: 2.启动 docker 服务 . 设置开机自启动 docker 服务 3.免 sudo 配置: