在实际Web开发中,插入图片、包含CSS文件等都需要有路径,如果文件路径的添加错误,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。很多初学者感到困惑,下面我就详细的介绍一下相对路径与绝对路径。

HTML相对路径指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。

例如:

文件1.htm的绝对路径是:d:/www/html/1.htm

文件2.htm的绝对路径是:d:/www/html/2.htm

那么:1.htm相对于2.htm的路径就是:1.htm

相对链接的使用方法:如果链接到同一目录下,则只需输入要链接文档的名称,例如:

XML/HTML Code复制内容到剪贴板

网页链接

如果链接到下一级目录,则需要先输入目录名,然后加 “ / ”,再输入文件名,例如:

XML/HTML Code复制内容到剪贴板

如果连接到上一级目录,则需要先输入“../”,然后再输入目录名、文件名,例如:

XML/HTML Code复制内容到剪贴板

实例总结现在有4个html文件分别是aaa.html bbb.html ccc.html index.html

aaa.html的路径为:D:/www/adminwang/html/aaa.html

bbb.html的路径为:D:/www/adminwang/ bbb.html

ccc.html的路径为:D:/www/ ccc.html

index.html的路径为D:/www/ index.html

1.链接同一目录下的文件例如ccc.html文件链接index.html的代码如下:

XML/HTML Code复制内容到剪贴板

链接index网页

2.链接上一目录的文件例如bbb.html链接ccc.html的代码如下:

XML/HTML Code复制内容到剪贴板

链接ccc网页

3.链接上2层目录的文件例如aaa.html链接ccc.html的代码如下:

XML/HTML Code复制内容到剪贴板

链接ccc网页

4.链接下级目录的文件例如ccc.html链接bbb.html的代码如下:

XML/HTML Code复制内容到剪贴板

链接bbb网页

5.链接下2层目录的文件例如ccc.html链接aaa.html的代码如下:

XML/HTML Code复制内容到剪贴板

链接aaa网页

HTML绝对路径为文件提供的完全路径,包括适用的协议或盘符。也就是你的主页上的文件或目录在硬盘上真正的完整的路径。例如:

http://www.adminwang.com/index.htm

d:/ www /html/images/bg.jpg

绝对路径没有什么好说的,相对路径掌握了,绝对路径就很简单了。

a标签如何链接php文件路径,HTML的a标签href属性指定相对路径与绝对路径的用法讲解...相关推荐

  1. HTML的a标签href属性指定相对路径与绝对路径的用法讲解

    href是链接前端文件的一个最常用的重要属性,这里我们就来看一下HTML的a标签href属性指定相对路径与绝对路径的用法讲解,需要的朋友可以参考下 在实际Web开发中,插入图片.包含CSS文件等都需要 ...

  2. Web学习第二天——HTML的基本标签(媒体标签、链接标签、列表标签、表格标签、表单标签)

    第二天 HTML的常用标签(媒体标签.链接标签.列表标签.表格标签.表单标签) 一.媒体标签 (一).图片标签(img) 标签格式及属性介绍 (二).音频标签(embed.audio) embed标签 ...

  3. vscode——HTML基本标签A标签超级链接

    什么是超级链接: 1通过超级连接建立链接的关系-->从一个页面跳转另一个页面-->a标签是成对出现的--<a></a>有开始有结束-->a标签不加属性: &l ...

  4. HTML a 标签的 href 属性

    w3school页面的描述: HTML <a> 标签的 href 属性 HTML <a> 标签 实例 href 属性规定链接的目标: <a href="http ...

  5. linux如何确定共享库路径,摘录Linux下动态共享库加载时的搜索路径详解

    对动态库的实际应用还不太熟悉的读者可能曾经遇到过类似"error while loading shared libraries"这样的错误,这是典型的因为需要的动态库不在动态链接器 ...

  6. linux c 编译时 include 和 链接库 文件路径指定

    C/C++程序在linux下被编译和连接时,GCC/G++会查找系统默认的include和link的路径,以及自己在编译命令中指定的路径.自己指定的路径就不说了,这里说明一下系统自动搜索的路径. [1 ...

  7. linux下C/C++编译时系统搜索 include 和 链接库 文件路径的指定

    C/C++程序在linux下被编译和连接时,GCC/G++会查找系统默认的include和link的路径,以及自己在编译命令中指定的路径.自己指定的路径就不说了,这里说明一下系统自动搜索的路径. [1 ...

  8. Windows 下创建目录链接 映射文件的方式不想改变路径直接使用映射路径的方式

    Windows 下创建目录链接 发表于 2019-10-27 | 分类于 后端 | 没有评论 在 Windows 下如果通过右键菜单->创建快捷方式生成的文件或文件夹,其实是生成了一个后辍为.l ...

  9. img标签 文件不存在_HTML常用标签

    <a> 标签的用法 <a>标签(超链接标签),可以创建通向其他网页.文件.同一页面内的位置.电子邮件地址或任何其他 URL 的超链接. <a>标签的作用 跳转外部页 ...

  10. HTML a链接下载文件之图片,文件,乱码等问题

    我们在做需求的时候,经常会遇到下载文件 前端下载文件一般分为两种方式: 使用 a 链接进行下载: <a herf="url" >下载</a> 向后端发送请求 ...

最新文章

  1. ERP与EWM集成配置---ERP 端(一)
  2. 面试:说说你对 Java 中 final 的理解?
  3. 30分钟正则表达式指导
  4. 第2章 信号、接口和引脚(XIlinx ZYNQ-7000 SOC UG-585文档)
  5. java 多线程 start,Java 线程的run()和start()
  6. 常用的lucene分词器-笔记
  7. 你画我猜微擎版小程序源码
  8. c语言中打印ipv6地址,c-来自任何有效地址的ipv4和ipv6
  9. php 请求header,PHP的curl查看header信息的功能(包括查看返回header和请求header)
  10. 定时发送信息_vx能定时发送信息了 朋友生日 5201314精确到秒定时发送消息!
  11. Codevs 1205 单词反转(Vector以及如何输出string)
  12. Python基础:文件的操作
  13. 各类数据库问题描述模板
  14. FireEye开启IPO大幕
  15. Java 字符串和时间互相转化 +时间戳
  16. numpy常用矩阵运算
  17. 3DMAX程序贴图之3D木材贴图使用教程
  18. JAVA并发编程的书籍及资料
  19. 与计算机有关的技能,计算机类
  20. 电缆 电流_如何不用电缆观看每项运动(运动返回时)

热门文章

  1. linux 内核 内存管理 初始化 页表
  2. PAT Practice [1020 月饼]
  3. oracle语句_ORACLE 常用语句实例:CTE MERGE 结合
  4. python面向对象三大特性_python面向对象的三大特性
  5. spark sql 入门详解
  6. python3 shell脚本开发_python3 subprogress 模块的使用 代替shell编写脚本
  7. python身份证号掩盖出生日期的代码_Python实现第一、二代公民身份证号码有效性校验...
  8. shader变体是什么_shader 里面的分支
  9. 计算机考研地域重要还是学校,考研选学校,城市更重要还是专业更重要?
  10. java中将date插入mysql中date_Java代码中Date类型插入到mysql数据库中数值不一致