img标签

  • 用于向网页引入一个外部图片
  • img标签也是一个自结束标签
  • 属性:

src:设置一个外部图片的路径
alt: 设置图片不能显示时,对图片的描述。
搜索引擎识别
width:宽度,使用px作为单位
height:高度

常见图片的格式

  • JPEG:支持的颜色比较丰富,不支持透明效果和动图。一般用来显示照片
  • GIF:支持颜色少,支持简单透明和动图。显示颜色单一的图片、动图
  • PNG:支持颜色丰富,支持复杂透明,不支持动图。颜色丰富复杂透明的图片
  • webp:谷歌推出的用来表示网页中图片的格式,具备所有优点还小。但兼容性差
  • base64:将图片使用base64编码,将图片转换为字符。一般是一些需要和网页一起加载的图片,加载速度快。

    使用原则:

  • 效果一样,用小的。

  • 效果不一样,用效果好的

    audio标签

  • src:路径

  • controls:允许用户控制,不需要赋值
  • autoplay:是否自动播放。
  • loop:循环播放

    video标签

    使用与audio基本一样