标签及演示 课件1-2022-2023学年高二网页与设计第3版（电子工业出版社）

滚动标记、插入音频、视频 及其属性设置 1.滚动标签格式 2.音频标签格式 <marquee behavior=″方式″ direction=″方向″ scrollamount=″速度″> <audio controls=″播放控制条显示属性″ src=″音频文件地址″></auido> 3.视频标签格式 <video controls=″播放控制条显示属性″ src=″视频文件地址″ width=″宽度″ height=″高度″></video> 复 习 回 顾 1.熟悉视频、音频的属性面板 2.学会视频、音频属性作用 学 习 目 标 代码: <marquee behavior="scroll" direction="left" scrollamount="30" style="font-size: 120px; text-align: left;">认真听课，稍后有小视频</marquee> 实践出真知！ 1.方向：left(左)、right(右)、up（上）、down(下) 2.方式：alternate(来回滚动)、slide(滚动一圈)、scroll(循环滚动) 3.速度：数值越大速度越快。 新 知 小 结 新代码: <marquee behavior="alternate" width="500" height="200" direction="up" scrollamount="10" style="font-size: 100px; text-align: left;"> 认真听课，稍后有小视频 </marquee> 新 知 小 结 代码: <audio controls="controls" src="src/mp3/逃跑计划 - 再飞行.mp3">您的浏览器不支持audio标签</audio > 音频属性面板： 1.ID 2.Class 3.源文件（Src） 4.title 5.回退文本 6.控件：Controls；自动播放：Autoplay 循环播放：Loop；静音：Muted;预加载：Preload 7.Alt源1、Alt源2 同课本171页 新 知 小 结 代码: <video controls="controls" src="src/mp3/逃跑计划 - 再飞行.mp3">您的浏览器不支持audio标签</audio > 视频属性面板： 1.ID 2.Class 3.源文件（Src） 4.title 5.宽高 6.回退文本 7.控件：Controls；自动播放：Autoplay 循环播放：Loop；静音：Muted;预加载：Preload 同课本170页 8.Alt源1、Alt源2 9.Flash回退 新 知 小 结 1.插入音频步骤 2.插入视频步骤 随 堂 练 习 作业： 1、音频、视频的插入步骤 2、做两个思维导图 课 堂 总 结 同学们下课！ Lavf57.83.100 Lavf57.83.100 $