图像
<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