作业
一．单项选项题
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.HTML5新增一种非常重要的功能是可以在客户端本地存数据的Web Storage功能。其中
( A  )持久化本地存储，类似于Cookie，但没有有效期，除非主动删除数据：
A. localStorage
B. SessionStorage (数据只有在同一个会话中的页面才能访问并且当会话结束后数据
也随之销毁，非持久化)
C.WebSQL
D.创建可拖动的元素
6.在HTML5 中，哪个属性用于规定输入字段是必填的？（ A）
B.formvalidate
C.validate
D.placeholder
7.哪种输入类型定义滑块控件？（    D ）
A.search
C.slider
D.range
正确的是：（  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        属性实现圆角效果。盒子阴影透明度
等新增的
5.如下图为一个border为1px 的div块，总宽度为300px（包括border），阴影区为
padding-left:50px左侧边距;，那么此div的width应设置为  248        px。
6.在CSS3中可以使用 transitaion        属性和其他CSS属性（颜、宽高、变形、
位置等）配合实现动画效果。
三、简答题
1.写出标准的html5页面结构。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
网页容
</body>
</html>
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：表示当前标签只接受数字类型输入
html radio点击变颜
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。
6.Canvas中画圆形、画矩形边框、画位图分别用什么方法
答：arc、 stokeRect、 drawImage。
7.什么是拖放？
答：拖放可以分为两个动作，即拖拽（drag）和放开（drop）。
拖拽（drag）：移动鼠标到指定对象，按下左键，然后拖动。
放开（drop）：放开鼠标左键，放下对象。
8.行样式表、部样式表和外部样式表分别在HTML页面的什么位置引用？如何引用？
答：在HTML文档中应用CSS 有三种样式表，分别是：行样式表、部样式表和外部样式表。其中最常用的是部样式表和外部样式表。

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