HTML图像设计

1.图像的基础知识

  图像可以分为两类，位图图像和矢量图。

  位图又称为光栅图，是由许多像素组成的图。常见的位图格式有JPEG、PNG、GIF，当然位图的格式还有很多，比如BMP、TGA、TIFF、PSD。

  矢量图是以一种数学描述的方式来记录图像内容。矢量图由于其可以随意放大缩小的特点，通常被看成一种图像模版放在图库中。矢量图的后缀一般有.ai、.cdf、。fh、swf等。

  图像的分辨率，分辨率的单位是dpi（display pixels/inch），即每英寸显示的线数。

2.网页中的图片一些技巧

 （1）align属性可以对齐图片，align属性可以放在<img>标签内，可以左对齐，右对齐，居中对齐在img内不起作用的，依然是左对齐

 （2）图片与文本的对齐方式

         分别是图像的顶部、中间、底部与同一行的文本对齐，最后一个比较特殊，与文本的基线对齐

                <p>
			<img src="../img4/图鉴1.jpg" style="vertical-align: text-top;"/>
			明月几时有，把酒问青天。不知天上宫阙，今夕是何年。
		</p>
		<p>
			<img src="../img4/图鉴2.jpg" style="vertical-align:middle"/>
			我欲乘风归去，又恐琼楼玉宇，高处不胜寒。起舞弄清影，何似在人间。
		</p>
		&