1-5:HTML5新的语法规范

1、 语义化标签
1-5:HTML5新的语法规范_第1张图片
进度条:



2、 表单
1)输入类型
1-5:HTML5新的语法规范_第2张图片





3、 表单
1)表单元素:
1-5:HTML5新的语法规范_第3张图片
2)表单属性:
1-5:HTML5新的语法规范_第4张图片


4、 多媒体
1)音频: (.mp3 .wav .ogg)
autoplay:自动播放
controls:是否显示默认播放控件
loop:循环播放
preload:在页面加载时进行加载,并预备播放。使用autoplay属性则忽视。
1-5:HTML5新的语法规范_第5张图片
2)视频: (.mp4 .ogg .webm)
autoplay:自动播放
controls:是否显示默认播放控件
loop:循环播放
preload:在页面加载时进行加载,并预备播放。使用autoplay属性则忽视。
height:设置视频播放器的高度
width:设置视频播放器的宽度
1-5:HTML5新的语法规范_第6张图片





5、 文字跑马灯效果
behavior:滚动方式
(alternate来回滚动、scroll单方向循环滚动、slide滚动一次)
bgcolor:文字滚动范围的背景颜色
direction:滚动方向(down下、left左、right右、up上)
width和height:滚动文字在页面的范围大小
loop:滚动次数,不写是无限循环
srollamount和scrolldelay:滚动的速度和延时



eg:
1-5:HTML5新的语法规范_第7张图片
1-5:HTML5新的语法规范_第8张图片
1-5:HTML5新的语法规范_第9张图片

你可能感兴趣的:(1-5:HTML5新的语法规范)