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

论坛 › 期权论坛 › 期权     
前端旺   2019-6-30 05:55   1885   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只填任意一个，另一个自动按比例填充
  11. 3
  12. 如何选择合适的图像格式？
  13. JPG：高清的图像
  14. PNG：完美无损，对图像品质有极致的要求；背景透明的图片
  15. GIF：动态图片
  18. 4
  19. 例子
  20. [list][*][/list][code]
复制代码

总结

回复
分享到 :
0 人收藏
返回列表
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

2级吧友
前端旺

积分:10
帖子:2
精华:0
+ 关注 私信
期权论坛 期权论坛
期权网络科技版权所有
关于我们
联系我们
加入我们
反馈问题
免责声明
积分充值
统一社会信用代码
积分规则
网站地图
爱文库
下属网站
官方
新浪微博
微信公众号
◆
下载
表情包
App下载
期权论坛 期权论坛

QQ咨询|关于我们|Archiver|手机版|小黑屋|( 辽ICP备15012455号-4 ) Powered by 期权论坛 X3.2 © 2001-2016 期权工具网&期权论坛 Inc.

发布
内容

下载期权论坛手机APP