前端HTML篇--08HTML图像标签

论坛 期权论坛 期权     
前端旺   2019-6-30 05:55   1960   0
[iframe]https://mp.weixin.qq.com/mp/readtemplate?t=pages/video_player_tmpl&action=mpvideo&auto=0&vid=wxv_874114717105651715[/iframe]
目标
  • 认识常用的图像格式
  • 图像标签的常用属性
  • 如何选择合适的图像格式


1
认识常用的图像格式
Jpg 支持有损压缩,色彩还原度高,平台兼用性最好

原图15M左右,压缩后仅100kb



Png 只支持完美无损;支持背景透明

放大不会出现失真,背景透明


Gif 动态图片;支持背景透明

会动的图片



2
图像标签的常用属性
标签



语法
  1. [/code]
  2. 标签
  3. [list][*]Src: 图像地址(必须) 可以是本地图片的地址,也可以是网络图片地址
  4. [*]Alt:图像的替代文字(非必须)
  5. [*]Title:鼠标悬停提示文字(非必须)
  6. [*]Width:图像宽度(非必须)
  7. [*]Height:图像高度(非必须)
  8. [/list]
  9. width和height只填任意一个,另一个自动按比例填充
  10. 3
  11. 如何选择合适的图像格式?
  12. JPG:高清的图像
  13. PNG:完美无损,对图像品质有极致的要求;背景透明的图片
  14. GIF:动态图片
  15. 4
  16. 例子
  17. [list][*][/list][code]
复制代码

总结

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:10
帖子:2
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP