<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