作业
一．    单项选项题
1.以下哪个标记用来建立一个有序列表：(    C    )
A.<ni>    B. <ul>    C. <ol>    D. <dl>
2.在 HTML5 中，哪个元素用于组合标题元素？ （    D    ）
A.<group> B.<header> C.<headings> D.<hgroup>
3.HTML5 中不再支持下面哪个元素？ （    D    ） PPT 查看其他不再支持元素
A.<q>
B.<ins> C.<menu> D.<font>
4.新的 HTML5 全局属性，"contenteditable" 用于： （    B ）
A.规定元素的上下文菜单。该菜单会在用户点击右键点击元素时出现。   
B.规定元素内容是否是可编辑的。
C.从服务器升级内容。
D.返回内容在字符串中首次出现的位置。
5.
A.
HTML5 新增一种非常重要的功能是可以在客户端本地存数据的 Web    Storage 功能。其中( A    )持久化本地存储，类似于 Cookie，但没有有效期，除非主动删除数据：
localStorage
B.
SessionStorage (数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁，非持久化)
C.WebSQL
D.创建可拖动的元素
6.在 HTML5 中，哪个属性用于规定输入字段是必填的？ （    A    ）
A.required B.formvalidate C.validate D.placeholder
7.哪种输入类型定义滑块控件？ （    D    ）
A.search B.controls C.slider D.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.Item("键值");
B.Item("键名");
C.localStorage.loadItem("键值"); D.localStorage.loadItem("键名");
10.在一个<img>标记中决定图片文件位置的是哪个属性：（ C    ）
A: alt B: title C: src D: href
11.Canvas 用于填充颜的属性是：（    A    ）
A.fillStyle 填充
B.fillRect
C.lineWidth 线条宽度
D.strokeRect
12.不是 HTML5 特有的存储类型是：（    B    ）
A、localStorage B、Cookie
C、Application Cache 应用缓存
D、sessionStorage
二、填空题
1.在<input>标签中将 type 属性设置为 radio    即可定义单选按钮。 查看关于
INPUT 标记的属性
2.为了使元素可拖动，把 draggable    属性设置为 true。
3.在拖放过程，开始拖动元素会触发    dragstar    事件，松开鼠标时会触发
drop    事件。元素拖动
4.在 CSS3 中，可以使用 border-raidus    属性实现圆角效果。盒子阴影 透明度
等新增的
input标签placeholder属性
5.如下图为一个 border 为 1px 的 div 块，总宽度为 300px（包括 border），阴影区为padding-left:50px 左侧内边距;，那么此 div 的 width 应设置为 248    px。

6.在 CSS3 中可以使用 transitaion    属性和其他 CSS 属性（颜、宽高、变形、
位置等）配合实现动画效果。
三、简答题
1.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
网页内容
</body>
</html>
写出标准的 html5 页面结构。
2.分别写出 HTML5 新增的语义标签及作用答：
<audio> 标记定义音频内容
<canvas>    标记定义图片
<command> 标记定义一个命令按钮

<datalist>    标记定义一个下拉列表
<details>    标记定义一个元素的详细内容
<dialog>    标记定义一个对话框(会话框)
<embed> 标记定义外部的可交互的内容或插件
<keygen> 标记定义表单里一个生成的键值
<mark>    标记定义有标记的文本
<meter>    标记定义 measurement within apredefined range
<output>    标记定义一些输出类型
<progress> 标记定义任务的过程
<rp>    标记是用在 Ruby annotations 告诉那些不支持 Ruby 元素的浏览器如何去显示
<rt>    标记定义对 rubyannotations 的解释
<ruby>    标记定义 ruby annotations.
<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> 标签：date pickers、number 以及
range。
placeholder：提示信息属性。
multiple：输入域中可选择多个值，用于文件上传控件，设置此属性后，允许上传多个文件。适用于以下类型的 <input> 标签：email 和 file。
required： 当前文本框在提交前必须有数据输入。适用于以下类型的 <input> 标签：
text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。
pattern：规定用于验证输入字段的模式。pattern 属性适用于以下类型的 <input>
标签：text, search, url, telephone, email 以及 password。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。