HTML5期末测验考试题型
作业作业 一.单项选项题 1.以下哪个标记用来建立一个有序列表:( C ) A. B. C. D. 2.在HTML5中,哪个元素用于组合标题元素?( D) A.B.C.D. 3.HTML5中不再支持下面哪个元素?( D)PPT 查看其他不再支持元素 A.B.C.D. 4.新的HTML5全局属性,“contenteditable“用于:( B ) A.规定元素的上下文菜单。该菜单会在用户点击右键点击元素时出现。B.规定元 素内容是否是可编辑的。C.从服务器升级内容。D.返回内容在字符串中首次出 现的位置。 5. HTML5 新增一种非常重要的功能是可以在客户端本地存数据的Web Storage 功能。其中 ( A )持久化本地存储,类似于 Cookie,但没有有效期,除非主动删除数据: A. localStorageB. SessionStorage (数据只有在同一个会话中的页面才能访问并且 当会话结束后数据也随之销毁,非持久化)C.WebSQLD.创建可拖动的元素 6.在HTML5中,哪个属性用于规定输入字段是必填的?( A) A.requiredB.validateC.validateD.placeholder 7.哪种输入类型定义滑块控件?( D) A.searchB.controlsC.sliderD.range 8. cxt.arc(100,100,100,0,Math.PI*2,true) Canvas 绘制圆形的 arc 方法中,参数说明 正确的是:(D) A. 圆半径,圆心 X 坐标,圆心 Y 坐标,开始角度,结束角度,是否顺时针 trun 逆时 针 B. 圆心 Y 坐标,圆心 X 坐标,圆半径,开始角度,结束角度,是否顺时针 C. 圆心 X 坐标,圆心 Y 坐标,圆半径,开始角度,结束角度,是否顺时针 D. 圆心 X 坐标,圆心 Y 坐标,圆半径,开始角度,结束角度,是否逆时针 9.读取 localStorage 数据的方法是:(B) A. localStorage.getItem(“键值“); B. localStorage.getItem(“键名“); C. localStorage.loadItem(“键值“); D.localStorage.loadItem(“键名“); 10. 在一个标记中决定图片文件位置的是哪个属性:( C) A: alt B: title C: src D: href 11. Canvas 用于填充颜色的属性是:(A) A. fillStyle 填充色 B. fillRect C. lineWidth 线条宽度 D. strokeRect 12. 不是 HTML5 特有的存储类型是:(B) A、localStorageB、CookieC、Application Cache 应用缓存 D、sessionStorage謀荞抟 箧飆鐸怼类蒋薔。 二、填空题 1.在标签中将 type 属性设置为 radioradio 即可定义单选按钮。 查看关于 标记 的属性 2.为了使元素可拖动,把draggabledraggable 属性设置为 true。 3.在拖放过程,开始拖动元素会触发dragstardragstar 事件,松开鼠标时会触发 dropdrop 事件。元素 拖动 4.在 CSS3 中,可以使用 border-raidusborder-raidus 属性实现圆角效果。盒子阴影 透明度等新增的 5. 如下图为一个 border 为 1px 的 div 块,总宽度为 300px(包括 border),阴影区为 padding-left:50px 左侧内边距;,那么此 div 的 width 应设置为 248248 px。厦礴恳蹒骈時盡 继價骚。 6. 在 CSS3 中可以使用 transitaiontransitaion 属性和其他 CSS 属性(颜色、宽高、变形、位置等) 配合实现动画效果。茕桢广鳓鯡选块网羈泪。 三、简答题 1.写出标准的 html5 页面结构。 无标题文档 网页内容 2.分别写出 HTML5 新增的语义标签及作用 答: 元素名作用 表示页面中的一个内容区块,比如章节、页眉、页脚或页面中的其他部分。它可以与h1、h2、 section 素结合起来使用标记文档结构。 表示页面中的一块与上下文不相关的独立内容,例如博客中的一篇文章。 表示 article 元素内容之外的,与 article 元素内容相关的辅助信息。 表示页面中一个内容区块或整个页面的标题。 用于整个页面或页面中一个内容区块的标题进行组合。 article aside header hgroup footer nav figure 表示整个页面或页面中一个内容区块的脚注。一般来说,它会包含创作者的姓名,创建日期及 表示页面中导航链接的部分 表示一段独立的流内容, 一般表示文档主体流内容中的一个独立单元, 使用 figcaption 元素为 题。 标记定义音频内容 标记定义图片 标记定义一个命令按钮 标记定义一个下拉列表标记定义一个元素的详细内容标 记定义一个对话框(会话框)标记定义外部的可交互的内容或插件标记 定义表单里一个生成的键值标记定义有标记的文本标记定义 measurement within apredefined range标记定义一些输出类型标 记定义任务的过程标记是用在 Ruby annotations 告诉那些不支持 Ruby 元素的浏览 器如何去显示标记定义对 rubyannotations 的解释标记定义ruby annotations.标记定义一个区域标记定义媒体资源标记定 义一个日期/时间标记定义一个视频 鹅娅尽損鹌惨歷茏鴛賴。 3.简述标记中 和 action 属性的作用。 答: 属性作用是将表单数据从客户端传送到服务器的方法,分别 为 post 和 get 方法,post 方法比较安全和常用;action 属性作用是指定处 理表单的服务端程序,可以是程序或脚本的一个完整URL。 4.HTML5 中新增了类型的新表单元素?作用分别是什么? 答: 类型:作用 text:设置单行文本框元素 email:表示当前 标签接受一个邮箱的输入 tel:接受电话输入 url:只接受输入网址 nunber:表示当前标签只接受数字类型输入 rang:设置滑块控件元素 clolr:颜色选择 date:日期选择器类型 password:设置密码元素 file:设置文件元素 hidden:设置隐藏元素,不会被浏览者看到,用于在不同页面中传递域中所设定的值 radio:设置单选框元素 checkbox:设置复选框元素 button:设置普通按钮元素 :设置提交按钮元素 reset:设置重置按钮元素 Image:设置图像域(图像按钮)元素 5.写出 HTML5 表单中新增的属性及其作用。 答: 【属性:作用】 min 和 max:HTML5 新增加的属性,表示当前输入框输入的最小和最大值 step: HTML5 新增加的属性,是步长的意思,也就是在点击增大或者减小的时