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超链接的代码应该这样写:

index.html

如何表示上级目录

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

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

假设index.html路径是:c:\Inetpub\wwwroot\sites\index.html

在info.html加入index.html超链接的代码应该这样写:

index.html

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

假设index.html路径是:c:\Inetpub\wwwroot\index.html

在info.html加入index.html超链接的代码应该这样写:

index.html

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

假设index.html路径是:c:\Inetpub\wwwroot\sites\wowstory\index.html

在info.html加入index.html超链接的代码应该这样写:

index.html

如何表示下级目录

引用下级目录的文件,直接写下级目录文件的路径即可。

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\index.html

在info.html加入index.html超链接的代码应该这样写:

index.html

假设info.html路径是:c:\Inetpub\wwwroot\sites\blabla\info.html

假设index.html路径是:c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html

在info.html加入index.html超链接的代码应该这样写:

index.html

HTML绝对路径(Absolute Path)

HTML绝对路径(absolute path)指带域名的文件的完整路径。

假设你注册了域名www.blabla.cn,并申请了虚拟主机,你的虚拟主机提供商会给你一个目录,比如www,这个www就是你网站的根目录。

假设你在www根目录下放了一个文件index.html,这个文件的绝对路径就是: http://www.aaa.cn/index.html。

假设你在www根目录下建了一个目录叫html_tutorials,然后在该目录下放了一个文件index.html,这个文件的绝对路径就是http://www.aaacn/html_tutorials/index.html。

html站点相对路径,HTML的相对路径和绝对路径?相关推荐

  1. mysql 分区指定路径_[数据库]MySQL 指定各分区路径

    [数据库]MySQL 指定各分区路径 0 2016-11-08 18:00:44 介绍 可以针对分区表的每个分区指定各自的存储路径,对于innodb存储引擎的表只能指定数据路径,因为数据和索引是存储在 ...

  2. python 中文件路径到底怎么写 + 获取mac文件路径快捷键!!

    目录 1 MAC路径与Windows路径问题 2 绝对路径和相对路径概念 3 macOS获取文件绝对路径的快捷键为: 1 MAC路径与Windows路径问题 几乎所有计算机在文件夹名称间使用的都是正斜 ...

  3. 绝对路径和相对路径的区别 什么时候用绝对路径? 什么时候用相对路径?

    一.绝对路径和相对路径异同点: 两者的相同之处,在于两者都是对图像,音乐,网址,视频等文件资源的引用方法. 两者的不同之处,在于描述目录路径时,所采用的参考基准点不同. 绝对路径:直接指明文件在硬盘上 ...

  4. python绝对路径的区别_python学习:绝对路径和相对路径

    大牛们应该对路径都很了解了,这篇文章主要给像我这样的入门小白普及常识用的,啊哈 下面的路径介绍针对windows,其他平台的暂时不是很了解. 在编写的py文件中打开文件的时候经常见到下面其中路径的表达 ...

  5. R语言sys方法:sys.timezone函数返回当前系统时区的名称、system.File函数查找系统文件或者安装包的文件路径(例如查看R Base可安装路径、dplyr包的安装路径)

    R语言sys方法:sys.timezone函数返回当前系统时区的名称.system.File函数查找系统文件或者安装包的文件路径(例如查看R Base可安装路径.dplyr包的安装路径) 目录

  6. 修改系统路径 linux,Linux修改sudo的PATH路径的解决方法

    众所周知,Linux系统sudo命令可以搜索PATH下的命令,但是有时候明明PATH下有某些命令,为什么sudo就是搜索不到.这可能是因为Linux自动对PATH进行重置,改变了sudo命令搜索的路径 ...

  7. linux java 获取路径怎么写_linux中java获取路径的实例代码

    linux中java获取路径怎么写? 在Unix/Linux中,路径的分隔采用正斜"/",比如"cd /home/java". 在java的代码开发中 \ 是代 ...

  8. java多叉树全路径_算法实战——多叉树全路径遍历

    本文为原创作品,首发于微信公众号:[坂本先生],如需转载请在文首明显位置标明"转载于微信公众号:[坂本先生]",否则追究其法律责任. 微信文章地址:实战算法--多叉树全路径遍历 前 ...

  9. Python语言学习:利用python获取当前/上级/上上级目录路径(获取路径下的最后叶目录的文件名、合并两个不同路径下图片文件名等目录/路径案例、正确加载图片路径)之详细攻略

    Python语言学习:利用python获取当前/上级/上上级目录路径(获取路径下的最后叶目录的文件名.合并两个不同路径下图片文件名等目录/路径案例.正确加载图片路径)之详细攻略 目录 利用python ...

  10. 路径问题(如何正确写出文件路径)

    package star.july;import java.io.IOException; import java.io.PrintWriter;import javax.servlet.Servle ...

最新文章

  1. AI科研绘图1:零基础入门和基本图形绘制
  2. 第一次来写博客,这里可以记录很多故事。
  3. php serialize mysql_php 序列化(serialize)格式详解
  4. 最小生成树(普利姆算法、克鲁斯卡尔算法)
  5. AndroidStudio_报错PluginApplicationException: Failed to apply plugin [id ‘com.and---Android原生开发工作笔记227
  6. 并查集基础 模板题 hdu1232 畅通工程
  7. linux内存中的文件权限,理解Linux文件权限
  8. java快速查找素数_Java实现快速查找某个范围内的所有素数
  9. qq for linux无法安装路径,ubuntu amd 64bit 安装 QQ for linux教程(附 不能使用中文的解决办法)...
  10. HP 5100打印机在Windows 8中的使用
  11. ESP32烧录Arduino生成的bin文件
  12. ISO 27002【实践指南】 -2022新标准
  13. python便携版本_python便携版安装tk
  14. 动物克隆技术应用价值_动物克隆技术及其研究现状
  15. 服务器显卡芯片,Intel服务器独立显卡单卡四芯原来如此
  16. 疯子坐飞机,第1个人疯了,随便坐下,第n个人能够坐在自己位置上的概率
  17. 2013.12.26 泡面吧--判断一个数是否为质数
  18. 火山引擎徐鑫:工程师如何与云原生共同成长
  19. C语言 多线程实现TCP并发服务器
  20. 辽宁旅游记:浪漫的大连

热门文章

  1. 白化(预处理步骤)【转】
  2. OneFlow 概念清单
  3. 汽车HUD(Head-up Display)的技术难点
  4. Django设计模型1.2
  5. 【CV】吴恩达机器学习课程笔记第11章
  6. 自己做网站服务器需要买吗,自己做网站要买服务器
  7. 华为热设计工程师待遇_华为给985毕业生开2万元的工资,是侮辱价?还是不自量力?...
  8. Android 手势—— GestureDetector 和 SimpleOnScaleGestureListener (手势缩放)
  9. Ubuntu 系统输入法设置
  10. Installation error: INSTALL_FAILED_INSUFFICIENT_STORAGE