HTML5期末考试题(卷)型

...下载可编辑.作业一．单项选项题1.以下哪个标记用来建立一个有序列表：(C)A.niB.ulC.olD.dl2.在HTML5中，哪个元素用于组合标题元素？（D）A.groupB.headerC.headingsD.hgroup3.HTML5中不再支持下面哪个元素？（D）PPT查看其他不再支持元素A.qB.insC.menuD.font4.新的HTML5全局属性，contenteditable用于：（B）A.规定元素的上下文菜单。该菜单会在用户点击右键点击元素时出现。B.规定元素容是否是可编辑的。C.从服务器升级容。D.返回容在字符串中首次出现的位置。5.HTML5新增一种非常重要的功能是可以在客户端本地存数据的WebStorage功能。其中(A)持久化本地存储，类似于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)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.在一个img标记中决定图片文件位置的是哪个属性：（C）A:altB:titleC:srcD:href11.Canvas用于填充颜色的属性是：（A）A.fillStyle填充色B.fillRectC.lineWidth线条宽度D.strokeRect12.不是HTML5特有的存储类型是：（B）A、localStorageB、CookieC、ApplicationCache应用缓存D、sessionStorage二、填空题1.在input标签中将type属性设置为radio即可定义单选按钮。查看关于INPUT标记的属性2.为了使元素可拖动，把draggable属性设置为true。3.在拖放过程，开始拖动元素会触发dragstar事件，松开鼠标时会触发drop事件。元素拖动4.在CSS3中，可以使用border-raidus属性实现圆角效果。盒子阴影透明度等新增的5.如下图为一个border为1px的div块，总宽度为300px（包括border），阴影区为padding-left:50px左侧边距;，那么此div的width应设置为248px。...下载可编辑.6.在CSS3中可以使用transitaion属性和其他CSS属性（颜色、宽高、变形、位置等）配合实现动画效果。三、简答题1.写出标准的html5页面结构。!doctypehtmlhtmlheadmetacharset=utf-8title无标题文档/title/headbody网页容/body/html2.分别写出HTML5新增的语义标签及作用答：元素名作用section表示页面中的一个容区块，比如章节、页眉、页脚或页面中的其他部分。它可以与h1、h2、h3、h4、h5、h6等元素结合起来使用标记文档结构。article表示页面中的一块与上下文不相关的独立容，例如博客中的一篇文章。aside表示article元素容之外的，与article元素容相关的辅助信息。header表示页面中一个容区块或整个页面的标题。hgroup用于整个页面或页面中一个容区块的标题进行组合。footer表示整个页面或页面中一个容区块的脚注。一般来说，它会包含创作者的，创建日期及创作者联系信息。nav表示页面中导航的部分figure表示一段独立的流容，一般表示文档主体流容中的一个独立单元，使用figcaption元素为figure元素组添加标题。audio标记定义音频容canvas标记定义图片command标记定义一个命令按钮datalist标记定义一个下拉列表...下载可编辑.details标记定义一个元素的详细容dialog标记定义一个对话框(会话框)embed标记定义外部的可交互的容或插件keygen标记定义表单里一个生成的键值mark标记定义有标记的文本meter标记定义measurementwithinapredefinedrangeoutput标记定义一些输出类型progress标记定义任务的过程rp标记是用在Rubyannotations告诉那些不支持Ruby元素的浏览器如何去显示rt标记定义对rubyannotations的解释ruby标记定义rubyannotations.section标记定义一个区域source标记定义媒体资源time标记定义一个日期/时间video标记定义一个视频3.简述form标记中method和action属性的作用。答：method属性作用是将表单数据从客户端传送到服务器的方法，分别为post和get方法，post方法比较安全和常用；action属性作用是指定处理表单的服务端程序，可以是程序或脚本的一个完整URL。4.HTML5中新增了类型的新表单元素？作用分别是什么？答：类型：作用text：设置单行文本框元素email：表示当前input标签接受一个的输入tel：接受输入url：只接受输入网址nunber：表示当前标签只接受数字类型输入rang：设置滑块控件元素clolr：颜色选择date：日期选择器类型password：设置密码元素file：设置文件元素hidden：设置隐藏元素，不会被浏览者看到，用于在不同页面中传递域中所设定的值radio：设置单选框元素checkbox：设置复选框元素...下载可编辑.button：设置普通按钮元素submit：设置提交按钮元素reset：设置重置按钮元素Image：设置图像域（图像按钮）元素5.写出HTML5表单中新增的属性及其作用。答：【属性：作用】min和max:HTML5新增加的属性，表示当前输入框输入的最小和最大值step：HTML5新增加的属性，是步长的意思，也就是在点击增大或者减小的时候的增加或减少的步长placeholder，提示信息autocomplete：form或input域是否拥有自动完成功能（值为on和off）。适用于以下类型的input标签：text,search,url,telephone,email,password,datepickers,range以及color。autofocus：页面加载时，域自动地获得焦点。适用所有input标签的类型。max、min、step：适用以下类型的input标签：datepickers、number以及range。placeholder：提示信息属性。multiple：输入域中可选择多个值，用于文件上传控件，设置此属性后，允许上传多个文件。适用于以下类型的input标签：email和file。required：当前文本框在提交前必须有数据输入。适用于以下类型的input标签：text,search,url,telephone,email,password,datepickers,number,checkbox,radio以及file。pattern：规定用于验证输入字段的模式。pattern属性适用于以下类型的input标签：text,search,url,telephone,email以及password。6.Canvas中画圆形、画矩形边框、画位图分别用什么方法答：arc、stokeRect、drawImage。7.什么是拖放？答：拖放可以分为两个动作，即拖拽（drag）和放开（drop）。拖拽（drag）：移动鼠标到指定对象，按下左键，然后拖动。放开（drop）：放开鼠标左键，放下对象。8.行样式表、部样式表和外部样式表分别在HTML页面的什么位置引用？如何引用？答：在HTML文档中应用CSS有三种样式表，分别是：行样式表、部样式表和外部样式表。其中最常用的是部样式表和外部样式表。...下载可编辑.1)部样式表：在网页中可以使用style元素定义一个部样式表，指定该网页元素的CSS样式，部样式一般添加到头部。在style元素常可以使用type属性定义容的类型（一般取值text/css）。格式如下：headSTYLEtype=text/css…………/STYLE/head2)外部样式表：①含义：在HTML文档中可以使用link元素引用外部样式表。link元素的属性有：href（指定被文档【样式表文件】的位置）、hreflang（指定在被文档中的文本的语言）、rel（指定当前文档与被文档之间的关系。stylesheet，指向要导入的样式表的URL；）、media（指定被文档将被显示在什么设备上。all，默认值，适用于所有设备；）、type（指定被文档的MIME类型）外部样式表种类：一种是layout.css文件专门是布局用的样式，另一种是添加外部容的样式一般命名为style.css②添加外部样式表有多种方法：本实验介绍用到的其中一种方法，第一步：选择菜单栏中的文件功能-选择新建CSS-命名layout.css；第二步：选择菜单栏中的格式功能-css样式-添加附加css样式表-在弹出的外部样式表窗口中添加外部样式文件URL路径：layout.css-点击确定。在本次实验的注册页面就是采用外部样式表进行CSS样式设计，格式如下：HEADlinkhref=layout.cssrel=stylesheettype=text/css/HEAD添加外部容的样式一般命名为style.css，操作方法同上，格式如下：HEADlinkrel=stylesheettype=text/csshref=style.css//HEAD3)行样式表：在HTML元素中使用style属性可以指定该元素的CSS样式，这种应用称为行样式表。直接在body标签中添加,如：bodystyle=background-color:blue;...下载可编辑.p网页的背景为蓝色/p/body9.CSS中的padding、margin和float各表示什么属性中英文背答：分别表示：填充、外边距、浮动。10.简单描述一下什么是css盒子模型答：CSS给HTML元素都赋予了容(content)、填充(padding)、边框(border)和外边距(margin)属性，这些属性形成CSS盒模型。整个盒模型在页面中所占的宽度是由左边界+左边框+左填充+容+右填充+右边框+右边界组成。11.简述CSS3有哪些新特性？-HSL颜色表现方法。1)八大属性：圆角效果（border-radius）多彩边框阴影（box-shadow）背景图片尺寸（background-size）多列（column-count）嵌入字体（font-face）透明度（opacity）HSL和HSLA