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

同学，你好！学习了HTML5的新增全局属性、新增语义化、结构化元素后，现在你来小试牛刀，检验一下自己的学习成果吧！看看你是否已将知识消化吸收。以下4个任务请你根据自己的能力等级任选1个，完成后运行一下，如果达成预定的效果，请将代码复制到word文档中，将运行的结果截图粘贴到word文档中，将word文档作为附件提交上来。你也可以完成多个任务，提交多个成果哦！看看谁的任务完成得最好哦！提交成果后，请一定记得到问答栏目老师的学习活动主题帖下回帖参与学习活动哈，无论是提交成果还是回帖都会计入你的平时成绩哦。 任务一：使用HTML新增元素audio播放指定的音频（基础）。 请在第8行，audio和/audio标签之间，输出statics/demosource/horse.mp3下的音频。 !DOCTYPE html html head meta charset=utf-8 title音频播放/title /head body audio controls /audio /body /html 任务二：使用aside标签，添加全局的附属信息（基础）。 1、在第10行输出全局的附属信息p我的第二个段落。/p。 !DOCTYPE html html head meta charset=utf-8 title我的任务二/title /head body p第一段内容/p aside /aside /body /html 任务三：使用Canvas标签定义HTML页面中的画布（基础）。 一个画布在网页中是一个矩形框，通过 canvas 元素来绘制，默认情况下canvas 元素没有边框和内容。 !DOCTYPE html html body canvas id=myCanvas width=200 height=100 style=border:10px dotted #000000; background:#ddd; 您的浏览器不支持 HTML5 canvas 标签。 /canvas /body /html 任务四：用 dialog 标签在html中实现对话框（基础）。 在第12行添加dialog标签。 !DOCTYPE html html head meta charset=utf-8 title我的第四个任务/title /head body pb注意:/b目前只有 Chrome 和 Safari 6 支持 dialog 标签。/p table border=1 tr th1月 /th th2月/th th3月/th /tr tr td31/td td28/td td31/td /tr /table /body /html 写一个上中下布局的网页 同学，经过前几周的学习，相信你已经掌握了本课程的一些基础性知识，下面请你动手完成以下作品，并提交上来。 你需要提交的作品： 用html5标签写一个上中下布局的网页。完成后运行一下，如果达成预定的效果，请将代码复制到word文档中，并将运行的结果截图粘贴到word文档中，将word文档作为附件提交上来。 要求： 1.内容越丰富越好。 2.使用html5的新增标签。 3.务必按要求提交作业。如提交空白文档或提交的作业不是老师布置的作业，会得零分哦。 同学，你好！经过10周的学习，你已经不再是个前端小白了，现在这里有2个任务，请你任选一个完成。如果你感兴趣，也可以两个都完成哦，来证明你的实力吧。请注意，在老师批阅前，你可以多次提交，一旦老师批阅就不能再提交啦！请慎重提交哦。提交任务后请到课程问答栏目，找一下老师发的关于这个活动的主题帖，按老师的要求至少回复一个帖子，回帖也计入总成绩哦。 任务一： 问题：丁小满同学为了实现下图的效果，写了一组编写代码，但是这组代码在运行中出现了问题，导致他并不能得到下图的效果。怎么办呢？请你帮帮他吧~~ 任务：请你帮丁小满同学找到这组代码中的bug并修改过来，实现如下图的效果。 一个人奋战总是孤独的，你可以使用求助卡和军师卡 求助卡：到微信群内找伙伴寻求帮助，问问大家是怎么解决的。 军师卡：到平台问答区发求助给辅导老师，请军师给你指点迷津。 丁小满写的代码： !DOCTYPE HTML html body canvas id=myCanvas width=200 height=100 style=border:1px solid #c3