HTML之学习笔记(五)图片加载

  Html图片的处理一般采用<img>标签

语法:
                例如<img src="地址" />
            地址:
                相对的
                绝对的  
                    ./ 表示当前路径
                    ../ 表示当前文件夹的父文件夹路径
            常用属性

      src           地址 source
                width         宽度(数值)
                height        高度(数值)
                border        边框(数值)
                title         鼠标放置在图片上显示的文本,(相当于以后遇到的tooltips属性)
                alt            图片加载失败时,显示的文本消息(在IE中与title有相似的功能)


关于src属性的表示方法

  1.绝对路径:指在本地磁盘上的具体位置,如D:/images/1.jpg。

  2.相对路径:相对于你当前页面所在的位置(实际开发中一般采用相对路径,避免个体的差异性)

a.如果你的网页存放在D:/web/demo.htm ,并且你需要的图片也在相同文件夹下(即这里的web文件夹),则src="./1.jpg"或src="1.jpg",一般省略采用后者.

b.如果图片是在页面所在文件夹的子文件夹(即这里的images文件夹),如D:/web/images/1.jpg,则src="data:images/1.jpg"就可以表示,如上也可以用./images/1.jpg表示。

c.如果图片所在文件夹和页面所在文件夹在同一目录下,如D:/images/1.jpg,则src="../images/1.jpg",同理,存在../../的形式。

  

上一篇:android开发 RecyclerView 瀑布列表布局


下一篇:CentOS安装和配置Rsync进行文件同步