当前位置: 移动技术网 > IT编程>网页制作>Html5 > html-路径的介绍

html-路径的介绍

2018年10月31日  | 移动技术网IT编程  | 我要评论

  一、绝对路径

    绝对路径是指文件在硬盘上真正存在的路径

      - d:\java\javaweb\day01\a.jpg
      - http://www.baidu.com/b.jpg

  二、相对路径
      一个文件相对于另外一个文件的位置
      分为三种:
        ** html文件和图片在一个路径下(当层目录),可以直接写文件名称
          <img src="a.jpg"/>
        ** 图片在html的下层目录
        在html文件中,使用img文件夹下面的a.jpg
          <img src="img\a.jpg"/>
        ** 图片在html文件的上层目录
          <img src="../a.jpg"/>
          **如果是上层的上层
            ../../

        ** 特殊的一种:相对虚拟目录

              例如:<img src="/img/bg.jpg">  
  在这个例子里,注意在“img”前有一个“/”字符。这个“/”代表的是虚拟目录的根目录. 假设把“e:\book\网页布局\代码”设为虚拟目录,那么“/img/bg.jpg”的真实路径为“e:\book\网页布局\代码\img \bg.jpg”;如果把“e:\book\网页布局\代码\第2章”设为虚拟目录,那么“/img/bg.jpg”的真实路径为“e:\book\网页 布局\代码\第2章\img\bg.jpg”

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网