图像

<img>是一个空元素，即没有结束标签，必须包含src和alt属性，title属性为光标悬停在图像上时显示的文本内容

属性：
src=“../images/green.jpg”
alt=“描述图片的文本信息”
width=“48”
height=“100”

 

页面先获取整个页面的文本资源
然后再获取图片资源，从上至下
JPEG
不支持透明度，缩小文件会丢失图像信息,含有多种不同颜色
PNG
压缩文件不会丢失文件信息，支持透明度，适合LOGO
GIF
压缩文件不会丢失文件信息，支持透明度

 

img元素在段落之前，段落会在图像之后另起一行开始

img元素在段落起始处，段落第一行与图像底边平行

img元素在段落之中，图像处于段落文字之中

align属性通常用来表明页面的其他部分怎样环绕在图像周围，值为left，right，top，middle，bottom，html5不支持这个属性了

 

 

位图，屏幕分辨率就是每英寸的屏幕上所容纳的像素数

矢量图，有adobe iiiustrator程序创建，可在不影响图像质量的前提下放大图像大小

GIF动图，用帧

 

HTML5中引入新的<figure>元素用来包含图像以及对图像的说明，<figcaption>给图像添加说明，例子如下

<figure>

　　<img src="" alt="" title=""/>

　　<p>

　　　　<figcaption>cakes is so simple.</figcaption>

　　</p>

</figure>

 

图库附录：

www.istockphoto.com

www.gettyimages.com

www.veer.com

www.sxc.hu

www.fotolia.com

图像在线编辑器：

www.photoshop.com

www.pixlr.com

www.splashup.com

www.ipiccy.com