《使用HTML5实现响应式布局》第四章-HTML5多媒体和表格-实践学习资料_第1页
《使用HTML5实现响应式布局》第四章-HTML5多媒体和表格-实践学习资料_第2页
《使用HTML5实现响应式布局》第四章-HTML5多媒体和表格-实践学习资料_第3页
《使用HTML5实现响应式布局》第四章-HTML5多媒体和表格-实践学习资料_第4页
《使用HTML5实现响应式布局》第四章-HTML5多媒体和表格-实践学习资料_第5页
已阅读5页，还剩4页未读， 继续免费阅读

付费下载

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第四章HTML5多媒体和表格实践目标制作网页视频播放器制作网页数据网格任务一：制作网页视频播放器使用HTML5制作网页播放器，在线播放视频文件使用HTML5制作视频播放页面要求显示影片封面、播放器的控制栏，提供mp4、webm、ogg三种文件的播放如果浏览器不支持HTML5，需要在页面上提示用户“你的浏览器不支持HTML5”，同时提供Flash的方式播放备用的视频文件创建HTML5页面，在页面中创建video标签。设置video标签的属性。编写source标签，设置src属性为视频播放地址，type属性设置视频格式，包括mp4、webm、ogv三种格式的视频文件及视频解码。编写object标签，嵌入Flash播放器，调用本地的备用视频文件，同时编写一段提示文本。制作网页视频播放器制作网页音乐播放器使用HTML5制作网页音乐播放器要求显示播放器的控制栏，能够自动循环播放本地的mp3文件。如果浏览器不支持HTML5，需要在页面上提示用户“你的浏览器不支持HTML5”任务二：制作网页数据表格制作两个HTML5表格，分别显示电影排行和考试成绩使用HTML5制作数据表格。第一个表格显示“电影排行2015Top10”，表头为编号、电影名称、预计上映日期（美国）第二个表格显示“期中考试成绩”，按分组结构编写，表头为语文、数学、英语、物理、化学，在表格脚注位置，显示表格统计的人数制作网页数据表格创建HTML5页面，在页面中创建第一个表格，显示电影排行数据。创建tr、th、td标签，构建表格结构。创建第二个表格，显示期中考试成绩，编写thead、tfoot、tr、th、td标签构建表格，同时设置脚注的colspan属性以合并列。制作适应浏览器宽度的网页表格使用HTML5制作自动适应浏览

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论