HTML img标签

图像是网页中不可却上的部分，巧妙地使用会给网页增色不少。

图像的格式

图像的格式通常有三种，GIF、JPEG和PNG。GIF最大的优点就是可制作动态图像，还有图像未完全下载时会以马赛克的形式慢慢显示。JPEG在需要全彩模式表现的时候使用最合适。PNG是一种非破坏性的网页图像文件格式，它提供了将图像文件以最小的方式压缩却又不造成图像失真的技术。它不仅具备了GIF的大部分优点而且还具备48位的色彩、更快的交错显示、跨平台的图像亮度控制、更多层的透明度设置。

插入图像标签 img

img元素的属性定义：

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