标签4(多媒体标签)

2019-04-03  本文已影响0人  Wj_adff

video标签

作用:播放视频

格式一:<video src=""></video>

格式二:<video>

                    <source  src(视频地址)=""  type(视频格式)="”></source>

                    <source  src="、"  type= ""></source>

                </video>

视频格式:1.video/wobm,

                  2.video/mp4,

                 3.video/ogg 

由于视频数据非常重要,所以五大浏览器都不愿意支持别人的视屏格式,所以导致了没有一种视频格式是所有浏览器都支持的,这个时候W3C为了解决这个问题,推出了第二种视频格式

video标签的属性:

1.autoplay:自动播放(autoplay=“autoplay”)

2。controls:进度条

3。poster :展位图片(当视频没有播放时显示的图片。添加poster属性视屏不会自动播放)

4。loop :循环播放(一般用于做广告视频)

5。preload :预加载视频(和autoplay相冲突,如果设置了autoplay属性preload就会失效)

6。muted: 静音

7.width: 宽度(宽高单独设置一个会自动等比拉伸)

8.height:高度

audio标签

作用:播放音频

格式一:<audio src=""></audio>

格式二:<audio>

                    <source src=“”  type=""></source>

             </audio>

audio标签的属性:

1.autoplay:自动播放(autoplay=“autoplay”)

2。controls:进度条

4。loop :循环播放

5。preload :预加载视频(和autoplay相冲突,如果设置了autoplay属性preload就会失效)

6。muted: 静音

详情和概要标签

作用:利用summa标签来描述概要信息,然后利用details标签来描述详情信息,默认情况下折叠展示

格式:<details>

                    <summary>概要信息</summary>

                    详情信息

            </details>

marquee标签

marquee不是w3c推荐的,但是各大浏览器都支持

作用:跑马灯效果

格式:<marquee>

                  内容

            </marquee>

marquee标签的属性:

            direction:滚动方向,取值:left / right / up / down(默认从右向左)

             scrollamount:滚动速度,值越大越快

             loop:滚动次数(默认-1 无限循环)

             behavior:滚动类型,取值:1.slide (滚动到边界就停止)  2.alternate(滚动到边界就弹回)

定义重要性强调的文字)strong==b(加粗

定义插入的文字)ins==u(下划线

定义强调的文字)em==i(切斜

定义被删除的文字)del==s(删除线

字符实体:

在html中对空格/回车/tab不敏感,会把多个空格/回车/tab当做一个空格来处理

空格:&nbsp;

大于:&lt;

小于:&gt;

版权符号 © :&copy

上一篇 下一篇

猜你喜欢

热点阅读