欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

html-路径的介绍

程序员文章站 2022-03-29 19:50:18
一、绝对路径 绝对路径是指文件在硬盘上真正存在的路径 - D:\Java\JavaWeb\day01\a.jpg - http://www.baidu.com/b.jpg 二、相对路径 一个文件相对于另外一个文件的位置 分为三种: ** html文件和图片在一个路径下(当层目录),可以直接写文件名称 ......

  一、绝对路径

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

      - 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”