《HTML5期末考试题型.doc》由会员分享,可在线阅读,更多相关《HTML5期末考试题型.doc(16页珍藏版)》请在金锄头文库上搜索。
1、作业一 单项选项题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 )持久
2、化本地存储,类似于Cookie,但没有有效期,除非主动删除数据:A. localStorageB. SessionStorage (数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁,非持久化)C.WebSQLD.创建可拖动的元素6. 在HTML5中,哪个属性用于规定输入字段是必填的?( A )A.requiredB.formvalidateC.validateD.placeholder7. 哪种输入类型定义滑块控件?( D )A.searchB.controlsC.sliderD.range8. cxt.arc(100,100,100,0,Math.PI*2,true) Ca
3、nvas绘制圆形的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.localS
4、torage.loadItem(键名);10. 在一个标记中决定图片文件位置的是哪个属性:( C )A: alt B: title C: src D: href11. Canvas 用于填充颜色的属性是:( A )A. fillStyle 填充色B. fillRectC. lineWidth 线条宽度D. strokeRect12. 不是HTML5特有的存储类型是:( B )A、localStorageB、CookieC、Application Cache 应用缓存D、sessionStorage二、填空题1. 在标签中将type属性设置为 radio 即可定义单选按钮。 查看关于INPUT标
5、记的属性2. 为了使元素可拖动,把 draggable 属性设置为true。3. 在拖放过程,开始拖动元素会触发 dragstar 事件,松开鼠标时会触发 drop 事件。元素拖动4. 在CSS3中,可以使用 border-raidus 属性实现圆角效果。盒子阴影 透明度等新增的5. 如下图为一个border为1px 的div块,总宽度为300px(包括border),阴影区为padding-left:50px左侧内边距;,那么此div的width应设置为 248 px。6. 在CSS3中可以使用 transitaion 属性和其他CSS属性(颜色、宽高、变形、位置等)配合实现动画效果。三、简
6、答题1. 写出标准的html5页面结构。无标题文档网页内容2. 分别写出HTML5新增的语义标签及作用 答:元素名作用section表示页面中的一个内容区块,比如章节、页眉、页脚或页面中的其他部分。它可以与h1、h2、h3、h4、h5、h6等元素结合起来使用标记文档结构。article表示页面中的一块与上下文不相关的独立内容,例如博客中的一篇文章。aside表示article元素内容之外的,与article元素内容相关的辅助信息。header表示页面中一个内容区块或整个页面的标题。hgroup用于整个页面或页面中一个内容区块的标题进行组合。footer表示整个页面或页面中一个内容区块的脚注。一
7、般来说,它会包含创作者的姓名,创建日期及创作者联系信息。nav表示页面中导航链接的部分figure表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元,使用figcaption元素为figure元素组添加标题。标记定义音频内容标记定义图片 标记定义一个命令按钮标记定义一个下拉列表标记定义一个元素的详细内容标记定义一个对话框(会话框)标记定义外部的可交互的内容或插件标记定义表单里一个生成的键值标记定义有标记的文本标记定义 measurement within apredefined range标记定义一些输出类型标记定义任务的过程标记是用在Ruby annotations 告诉那些不支持
8、 Ruby元素的浏览器如何去显示标记定义对rubyannotations的解释标记定义 ruby annotations.标记定义一个区域标记定义媒体资源标记定义一个日期/时间标记定义一个视频 3. 简述标记中method和action属性的作用。 答:method属性作用是将表单数据从客户端传送到服务器的方法,分别为post和get方法,post方法比较安全和常用;action属性作用是指定处理表单的服务端程序,可以是程序或脚本的一个完整URL。4. HTML5中新增了类型的新表单元素?作用分别是什么? 答: 类型:作用text:设置单行文本框元素email:表示当前input标签接受一个邮
9、箱的输入tel:接受电话输入url:只接受输入网址nunber:表示当前标签只接受数字类型输入rang:设置滑块控件元素clolr:颜色选择date:日期选择器类型password:设置密码元素file:设置文件元素hidden:设置隐藏元素,不会被浏览者看到,用于在不同页面中传递域中所设定的值radio:设置单选框元素checkbox:设置复选框元素button:设置普通按钮元素submit:设置提交按钮元素reset:设置重置按钮元素Image:设置图像域(图像按钮)元素5. 写出HTML5表单中新增的属性及其作用。 答: 【属性:作用】l min和max:HTML5新增加的属性,表示当前
10、输入框输入的最小和最大值l step: HTML5新增加的属性,是步长的意思,也就是在点击增大或者减小的时候的增加或减少的步长 l placeholder,提示信息l autocomplete:form或input域是否拥有自动完成功能(值为on和off)。适用于以下类型的 标签:text, search, url, telephone, email, password, datepickers, range 以及 color。l autofocus:页面加载时,域自动地获得焦点。适用所有 标签的类型。l max、min、step:适用以下类型的 标签:date pickers、number
11、以及 range。l placeholder:提示信息属性。l multiple:输入域中可选择多个值,用于文件上传控件,设置此属性后,允许上传多个文件。适用于以下类型的 标签:email 和 file。l required: 当前文本框在提交前必须有数据输入。适用于以下类型的 标签:text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。l pattern:规定用于验证输入字段的模式。pattern 属性适用于以下类型的 标签:text, search, url,
12、 telephone, email 以及 password。6. Canvas中画圆形、画矩形边框、画位图分别用什么方法答:arc、 stokeRect、 drawImage。7. 什么是拖放?答:拖放可以分为两个动作,即拖拽(drag)和放开(drop)。拖拽(drag):移动鼠标到指定对象,按下左键,然后拖动。放开(drop):放开鼠标左键,放下对象。8. 行内样式表、内部样式表和外部样式表分别在HTML页面的什么位置引用?如何引用? 答:在HTML文档中应用CSS 有三种样式表,分别是:行内样式表、内部样式表和外部样式表 。其中最常用的是内部样式表和外部样式表。1) 内部样式表:在网页中
13、可以使用style元素定义一个内部样式表,指定该网页内元素的CSS样式,内部样式一般添加到头部。在style元素中通常可以使用type属性定义内容的类型(一般取值text/css)。格式如下:2) 外部样式表: 含义:在HTML文档中可以使用元素引用外部样式表。元素的属性有:href(指定被链接文档【样式表文件】的位置)、hreflang(指定在被链接文档中的文本的语言)、rel(指定当前文档与被链接文档之间的关系。stylesheet,指向要导入的样式表的URL;)、media(指定被链接文档将被显示在什么设备上。all,默认值,适用于所有设备;)、type(指定被链接文档的MIME类型)外部样式表种类:一种是layout.css文件专门是布局用的样式,另一种是添加外部内容的样式一般命名为style.css 添加外部样式表有多种方法:本实验介绍用到的其中