HTML img标签水平垂直居中

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