HTML5开发基础与应用离线试卷答案全.docxVIP

同学，你好！学习了 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 文档作为附件提交上来。 要求： 内容越丰富越好。 使用 html5 的新增标签。 务必按要求提交作业。 如提交空白文档或提交的作业不是老师 布置的作业，会得零分哦。 同学，你好！经过 10 周的学习，你已经不再是个前端小白了，现在这里有 2 个 任务，请你任选一个完成。如果你感兴趣，也可以两个都完成哦，来证明你的实 力吧。请注意，在老师批阅前，你可以多次提交，一旦老师批阅就不能再提交啦！ 请慎重提交哦。 提交任务后请到课程问答栏目， 找一下老师发的关于这个活动的 主题帖，按老师的要求至少回复一个帖子，回帖也计入总成绩哦。 任务一： 问题： 丁小满同学为了实现下图的效果， 写了一组编写代码， 但是这组代码在运行中出现了 问题，导致他并不能得到下图的效果。怎么办呢？请你帮帮他吧 ~~ 任务： 请你帮丁小满同学找到这组代码中的 bug 并修改过来，实现如下图的效果。 一个人奋战总是孤独的，你可以使用求助卡和军师卡 求助卡： 到微信群内找伙伴寻求帮助，问问大家是怎么解决的。 军师卡： 到平台问答区发求助给辅导老师，请军师给你指点迷津。 丁小满写的代码 ： !DOCTYPE HTML html body canvas id=myCanvas width=200 height=100 style=border:1px solid #c3c3c3; Your browser does not support the canvas element. canvas script type=t