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的提示文字alt

alt属性:规定图像不能正常显示时的替代文本

"图像文件的地址" alt="提示文字的内容" >

img的宽度和高度

width和height的属性值的设置不影响图片加载速度。

"图像文件的地址" width="图像的宽度" height="图像的高度" >

图像的超链接

图像的链接和文字的链接方法是一样的,都是用标签来完成,只要将标签放在之间就可以了。

"链接地址">
    "图像文件的地址">

图片垂直、水平居中:

水平居中 text-align:center
垂直居中 vertical-align:middle

你可能感兴趣的:(前端)