核心提示：HTML img标签 图像是网页中不可却上的部分，巧妙地使用会给网页增色不少。图像的格式图像的格式通常有三种，GIF、JPEG和PNG。GIF最大的优点就是可制作动态图像，还有图像未完全下载时会以马赛...
HTML img标签
图像是网页中不可却上的部分，巧妙地使用会给网页增色不少。
图像的格式
图像的格式通常有三种，GIF、JPEG和PNG。GIF最大的优点就是可制作动态图像，还有图像未完全下载时会以马赛克的形式慢慢显示。JPEG在需要全彩模式表现的时候使用最合适。PNG是一种非破坏性的网页图像文件格式，它提供了将图像文件以最小的方式压缩却又不造成图像失真的技术。它不仅具备了GIF的大部分优点而且还具备48位的色彩、更快的交错显示、跨平台的图像亮度控制、更多层的透明度设置。
插入图像标签 img
img元素的属性定义：
| 属性 | 描述 |
|---|---|
| src | 图像源文件 |
| alt | 提示文字 |
| width，height | 宽度和高度 |
| border | 边框 |
| vspace | 垂直间距 |
| hspace | 水平间距 |
| align | 排列 |
| dynsrc | 设定avi文件的播放 |
| loop | 设定avi文件循环播放次数 |
| loopdelay | 设定avi文件循环播放延迟 |
| start | 设定avi文件播放方式 |
| lowsrc | 设定低分辨率图片 |
| usemap | 映像地图 |
img的源文件src
src属性用于指定图像源文件所在的路径，它是图像必不可少的属性。
<img src="图像文件的地址">
img的提示文字alt
alt属性：规定图像不能正常显示时的替代文本
<img src="图像文件的地址" alt="提示文字的内容" >
img的宽度和高度
width和height的属性值的设置不影响图片加载速度。
<img src="图像文件的地址" width="图像的宽度" height="图像的高度" >
图像的超链接
图像的链接和文字的链接方法是一样的，都是用<a>标签来完成，只要将<img>标签放在<a>和</a>之间就可以了。
<a href="链接地址">
<img src="图像文件的地址">
</a>
图片垂直、水平居中：
水平居中 text-align:center
垂直居中 vertical-align:middle
