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当做一个空格来处理
空格: ;
大于:<;
小于:>;
版权符号 © :©