html图像、绝对路径和相对路径
2018-02-23 15:07
323 查看
html图像
<img>标签可以在网页上插入一张图片,它是独立使用的标签,通过“src”属性定义图片的地址,通过“alt”属性定义图片加载失败时显示的文字,以及对搜索引擎和盲人读屏软件的支持。<img src="images/pic.jpg" alt="产品图片" />
绝对路径和相对路径
像网页上插入图片这种外部文件,需要定义文件的引用地址,引用外部文件还包括引用外部样式表,javascript等等,引用地址分为绝对地址和相对地址。绝对地址:相对于磁盘的位置去定位文件的地址相对地址:相对于引用文件本身去定位被引用的文件地址
绝对地址在整体文件迁移时会因为磁盘和顶层目录的改变而找不到文件,相对路径就没有这个问题。相对路径的定义技巧:“ ./ ” 表示当前文件所在目录下,比如:“./pic.jpg” 表示当前目录下的pic.jpg的图片,这个使用时可以省略。
“ ../ ” 表示当前文件所在目录下的上一级目录,比如:“../images/pic.jpg” 表示当前目录下的上一级目录下的images文件夹中的pic.jpg的图片。
相关文章推荐
- HTML相对路径(Relative Path)和绝对路径(Absolute Path)
- 基础 HTML之目录问题(相对路径和绝对路径区别)
- HTML中相对路径和绝对路径(relative path ; absolutely path)
- HTML相对路径和绝对路径
- HTML相对路径(Relative Path)和绝对路径(Absolute Path)
- 基础 HTML之目录问题(相对路径和绝对路径区别)
- html的相对路径和绝对路径
- HTML相对路径和绝对路径
- 常见图像格式类型区别及使用说明&绝对路径和相对路径的使用场景&css3实现loading效果
- HTML相对路径(Relative Path)和绝对路径(Absolute Path)
- Html中src、href的相对路径与绝对路径
- 相对路径、绝对路径、部署路径(html/css/servlet/jsp)
- Html中相对路径和绝对路径 以及相对路径下照片不显示的解决
- html图片的绝对路径和相对路径
- HTML相对路径和绝对路径
- 关于html中的字幕(顺便复习一下相对路径与绝对路径)
- 相对路径、绝对路径、部署路径(html/css/servlet/jsp)
- HTML相对路径(Relative Path)和绝对路径(Absolute Path)
- HTML的a标签href属性指定相对路径与绝对路径的用法讲解
- HTML中的相对路径与绝对路径