(2018-05-01.Python从Zero到One)一、(前端)HTML__1.1.5html图像、绝对路径和相对路径

上一篇文章为:→1.1.4html块、含样式的标签

html图像、绝对路径和相对路径

html图像

<img>标签可以在网页上插入一张图片,它是独立使用的标签,通过“src”属性定义图片的地址,通过“alt”属性定义图片加载失败时显示的文字,以及对搜索引擎和盲人读屏软件的支持。

<img src="images/pic.jpg" alt="产品图片" />

绝对路径和相对路径

像网页上插入图片这种外部文件,需要定义文件的引用地址,引用外部文件还包括引用外部样式表,javascript等等,引用地址分为绝对地址和相对地址。

绝对地址:相对于磁盘的位置去定位文件的地址
相对地址:相对于引用文件本身去定位被引用的文件地址
绝对地址在整体文件迁移时会因为磁盘和顶层目录的改变而找不到文件,相对路径就没有这个问题。相对路径的定义技巧:

“ ./ ” 表示当前文件所在目录下,比如:“./pic.jpg” 表示当前目录下的pic.jpg的图片,这个使用时可以省略。

“ ../ ” 表示当前文件所在目录下的上一级目录,比如:“../images/pic.jpg” 表示当前目录下的上一级目录下的images文件夹中的pic.jpg的图片。


下一篇文章为:→1.1.6html链接
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,235评论 25 709
  • 原文地址:http://blog.csdn.net/jzdzhiyun/article/details/52825...
    AiPuff阅读 4,481评论 0 2
  • 一、基本概念 1、相对路径-顾名思义,相对路径就是相对于当前文件的路径。网页中一般表示路径使用这个方法。 2、绝对...
    Jay_halo阅读 9,896评论 0 0
  • 阅读前,请众看官放心,在下尽量保证通篇为前置内容,尽量不牵涉剧透。如有细微之处有些许提示影响阅读,还请见谅。另:人...
    灯下一壶酒阅读 5,607评论 6 5
  • 由于知识工作者难以监督,因而组织效率将取决于组织成员能够对自身进行有效的管理。德鲁克阐述和发展这一思想,提出...
    huangdan阅读 2,880评论 0 0

友情链接更多精彩内容