HTML的图片 音视频

图片 img
         图片标签用于当前页面引入一个外部图片
         使用img标签来引入外部图片，img标签是是自结束标签
         img这中元素属于替换元素（介于块的行内元素之间，具有两种元素的特点）
    属性：
         src属性是指外部图片的路径（路径规则和超链接的路径一样）
         
         alt属性图片的描述，这个描述一般情款下不会显示，有些浏览器会在图片无法加载时显示
            搜索引擎会根据alt中的内容来识别图片，如果不写alt属性不会被搜索引擎所查到
            <img src="相对路径或图片的地址" alt="对图片的描述 eg：动物">

        width属性图片的宽度（单位是像素）
        height 图片的宽度
            宽度或高度中如果只修改了一个，则另一个也会等比例放缩
            注意：一般的pc端，不建议修改图片大小（改大了占内存，改小了内存浪费），需要多大自己截
                 但在移动端，经常需要对图片进行放缩（一般为大图缩小） base64数据加密

    图片的格式：
         jpeg(jpg)
             支持的颜色比较丰富，不支持透明效果，不支持动图
             一般用来显示照片
         gif
            支持的颜色比较少，支持简单透明，支持动图
            颜色单一的图片动图
         png
            支持颜色丰富，支持复杂透明，不支持动图
            颜色丰富，复杂透明图片（专为网页而生）
         webp
            这种格式是谷歌新推出来的专门用来表示网页中的图片的一种格式
            它具备其他图片格式的所有优点，而且文件还特别小
            缺点：兼容性不好，一些老的网站用不了
         base64
            将图片使用base64编码，这样可以将图片转换为字符，通过字符的形式来引用图片
            一般都是一些需要和网页一起加载出来比较重要的图片使用base64
            (base64是用于数据加密的 ) <img src="图片的base64字符" alt=""> 
                 
            效果一样用小的  效果不一样，用效果好的
    内联框架：用于向当前页面中引入一个其他页面
                src指定要引入的网页路径
                frameborder 指定内联框架的边框 0代表无边框 1代表有边框
                <iframe src="https://www.qq.com" frameborder="0"></iframe>
      
     
音视频处理
    
    audio标签用来向页面引入一个外部的一音频文件
         音视频文件引入时，默认情况不允许用户自己控制播放停止

         属性：
              controls是否允许用户控制播放
              antoplay 音频文件是否自动播放 
                       如果设置了autoplay则音乐在打开页面时会自动播放
                       但是目前来讲大部分浏览器不会啊自动对音乐自动播放
              loop 音乐是否循环播放
              <audio src="相对路径或者地址" controls antoplay loop></audio>

         除了src可以来指定外部的文件外，还可以通过source来指定文件
         source的兼容性更好老的网站也可以使用，
         <audio controls>
             对不起 您的浏览器不支持播放音频 请升级浏览器
             <source src="相对路径或地址1">    //如果两个都不能播放则显示文字，可以播放就不会显示文字
             <source src="相对路径或地址2">    //两个不会同时播放 而是从第一个开始 选择可以播放的播放
             <embed src="相对路径或地址" type="audio/mp3" weight   height >          //兼容老的浏览器 体验感不好 自动播放
         </audio>


         <embed src="相对路径或地址" type="audio/mp3" weight   height >          //兼容老的浏览器 体验感不好 自动播放
    视频：
             使用video标签来向网页中引入一个视频
               使用方法和audio基本是一样的
                <video controls>
                    <source src="相对路径或地址1">
                    <source src="相对路径或地址2">
                    <embed src="相对路径或地址3" type="video/MP4">    
                </video>
                或者引入网站中视频的地址
                <iframe src="网页视频的地址 " frameborder="0"></iframe>