本次,思途青岛总部的途途将为大家介绍HTML5教程之图片标签,内容如下:
1.图片标签使用img
2.属性
Src用来选择图片路径的,一般都是使用相对路径。
Alt用来添加对图片的描述,这个描述是在图片显示不出来的情况下才能显示出来。
主要作用在于告诉搜索引擎这是一张什么图片,搜索引擎是根据alt的内容对图片进行分类的,如果不写alt,搜索引擎是不会对图片进行收录的。
Width:表示宽度,单位是px,当改变宽度的时候,高度也会跟着改变,说明:改变图片的宽度或者是高度的任何一个值,那么另一个值也会跟着等比例的调整。
Height:单位是px
3.图片格式:
常用图片的格式一般有.jpg ;.gif;.png
.jpg:支持的颜色比较多,一般用来保存图片,品质分为高、中、低,可以压缩,但是不支持透明度
.gif:支持的颜色比较少,但是支持动态,支持简单的透明,比如颜色比较单一的图片
.png:支持的颜色比较多,支持透明度
图片格式的选择原则:效果不一致的时候,选择效果好的;如果效果一致,选择小的图片