HTML/CSS音视频的设置

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

    <!-- 

        图片引入:

    1.创建一个文件夹img

    2.<img src="图片路径">

    3.<img src="网站路径">

    4.img是替换元素:在块元素和行内元素之间

    5.alt是不能对显示的图片的描述:同时也可以针对搜索引擎识别出来这样的图片

    6.<img height="高度,单位是像素" width="宽度,单位是像素">

    图片格式:

    1.jpeg(jpg):支持颜色比较丰富,不支持透明度,不支动图:照片

    2.gif:支持颜色比较少,支持简单透明,支持动图:动图

    3.png:支持颜色丰富,支持复杂透明,不支持动图:为网页而生的格式

    4.webp

    但是效果一样:用小的

    效果不一样,用效果好的

    base64这个设置图片的快速响应,比其他的快一些

    -->

    <!-- 

        内联框架:用于向当前页面引入一个其它的外部的其他页面

       1. <iframe src="其他外部网站" width="设置宽高等"</iframe>

          <iframe src="" frameborder="边框"></iframe>一个窗口的形式

     -->

     <!-- 

        引入音频和视频:

        1.创建一个放音频和视频的文件夹

        2.<audio src="音频和视频路径"></audio>

        src=外部路径/本地路径

        3.引入的时候不允许用户控制,需要自己添加属性controls(有没有这个单词来控制):autoplay是否自动播放

        <audio src="音频和视频路径" controls autoplay></audio>

        大部分是浏览器对音频和视频的兼容性

         <audio type="音频类型audio/mp3">

            浏览器不支持播放

            <source src=".mp3">

            <source src=".ogg">

            </audio>

        video:  

        <video controls>

            <source src=".mp3"/视频路径也可以>

                <source src=".ogg">

        </video>

 

      -->

 

      

 

</body>

</html>

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值