HTML5开发基础与应用离线试卷答案7页.doc

同学，你好！学习了HTML5的新增全局属性、新增语义化、结构化元素后，现在你来小试牛刀，检验一下自己的学习成果吧！看看你是否已将知识消化吸收。以下4个任务请你根据自己的能力等级任选1个，完成后运行一下，如果达成预定的效果，请将代码复制到word文档中，将运行的结果截图粘贴到word文档中，将word文档作为附件提交上来。你也可以完成多个任务，提交多个成果哦！看看谁的任务完成得最好哦！提交成果后，请一定记得到问答栏目老师的学习活动主题帖下回帖参与学习活动哈，无论是提交成果还是回帖都会计入你的平时成绩哦。任务一：使用HTML新增元素播放指定的音频（基础）。请在第8行，和标签之间，输出statics/demosource/horse.mp3下的音频。 音频播放 任务二：使用标签，添加全局的附属信息（基础）。1、在第10行输出全局的附属信息我的第二个段落。 我的任务二 第一段内容 任务三：使用标签定义HTML页面中的画布（基础）。一个画布在网页中是一个矩形框，通过 元素来绘制，默认情况下 元素没有边框和内容。 您的浏览器不支持 HTML5 canvas 标签。 任务四：用 标签在html中实现对话框（基础）。在第12行添加dialog标签。 我的第四个任务 注意:目前只有 Chrome 和 Safari 6 支持 dialog 标签。 1月 2月 3月 31 28 31 写一个上中下布局的网页同学，经过前几周的学习，相信你已经掌握了本课程的一些基础性知识，下面请你动手完成以下作品，并提交上来。你需要提交的作品：用html5标签写一个上中下布局的网页。完成后运行一下，如果达成预定的效果，请将代码复制到word文档中，并将运行的结果截图粘贴到word文档中，将word文档作为附件提交上来。要求：1.内容越丰富越好。2.使用html5的新增标签。3.务必按要求提交作业。如提交空白文档或提交的作业不是老师布置的作业，会得零分哦。同学，你好！经过10周的学习，你已经不再是个前端小白了，现在这里有2个任务，请你任选一个完成。如果你感兴趣，也可以两个都完成哦，来证明你的实力吧。请注意，在老师批阅前，你可以多次提交，一旦老师批阅就不能再提交啦！请慎重提交哦。提交任务后请到课程问答栏目，找一下老师发的关于这个活动的主题帖，按老师的要求至少回复一个帖子，回帖也计入总成绩哦。任务一：问题：丁小满同学为了实现下图的效果，写了一组编写代码，但是这组代码在运行中出现了问题，导致他并不能得到下图的效果。怎么办呢？请你帮帮他吧任务：请你帮丁小满同学找到这组代码中的bug并修改过来，实现如下图的效果。一个人奋战总是孤独的，你可以使用求助卡和军师卡求助卡：到微信群内找伙伴寻求帮助，问问大家是怎么解决的。军师卡：到平台问答区发求助给辅导老师，请军师给你指点迷津。丁小满写的代码：Your browser does not support the canvas element.var c=document.getElementById(myCanvas);var cxt=c.getContext(2);cxt.fillStyle=#FF0000;cxt.beginPath();cxt.arc(70,18,15,0,Math.PI*2,true);cxt.closePath();cxt.fill();任务二：问题：前端实习小姐姐杜小美，想要实现下图效果。她写了一组编写代码如下，但是这组代码在运行中出现了问题，请你帮帮这位小姐姐吧任务：请你帮杜小美同学找到这组代码中的bug并修改过来，实现如下图的效果。怎么可以让小姐姐伤心，你一定要帮助她哦，如果你也遇到了问题，我们给你提供了求助卡和军师卡求助卡：到微信群内找伙伴寻求帮助，问问大家是怎么解决的。军师卡：到平台问答区向辅导老师求助，请军师给你指点迷津。杜小美同学写的代码：Your browser does not support the canvas element.var c=document.getElementById(myCanvas);var cxt=c.getContext(2d);var grd=cxt.createLinearGradient(0,0,175,50);grd.addColorStop(0,FF0000);grd.addColorStop(1,00FF00);cxt.fillStyle=grd;cxt.fillRect(0,0,175,50);第三阶段作品展示，请你按如下要求制作一个网页。任务：1. 左侧是联系我们，包括名称、电子邮箱和你的留言。2. 页面主页是柑