Html5程序设计基础教程练习题参考答案.docx
《Html5程序设计基础教程练习题参考答案.docx》由会员分享,可在线阅读,更多相关《Html5程序设计基础教程练习题参考答案.docx(19页珍藏版)》请在冰豆网上搜索。
![Html5程序设计基础教程练习题参考答案.docx](https://file1.bdocx.com/fileroot1/2022-11/20/90e47cc3-2137-4398-add5-75c6c10dc9f5/90e47cc3-2137-4398-add5-75c6c10dc9f51.gif)
Html5程序设计基础教程练习题参考答案
第1章HTML5概述
一、选择题
1.A2.D3.C4.C
二、填空题
1.HyperTextMarkupLanguage
2.![]()
3.HTML
4.UTF-8
5.
2.type
3.
4."submit";"reset";"button"
5.checkValidity()
6.FileList;File;Blob;FileReader
三、简答题
1.答
(1)email类型
email类型用于应该包含e-mail地址的输入域。
在提交表单时,会自动验证email域的值。
(2)url类型
url类型用于应该包含URL地址的输入域。
在提交表单时,会自动验证URL域的值。
(3)number类型
number类型用于应该包含数值的输入域。
可以通过表3-9所示的属性对数值进行限定。
(4)date类型
date类型用于应该包含日期值的输入域,可以通过一个下拉日历来选择年/月/日。
(5)其他日期时间类型
HTML5还新增了如下的用于输入日期时间的input类型:
month,用于选取月和年;
week,用于选取周和年;
time,用于选取时间(小时和分钟);
datetime,用于选取时间、日、月、年(UTC时间);
datetime-local,用于选取时间、日、月、年(本地时间)。
(6)search类型
search类型用于搜索域,比如站点搜索或Google搜索。
search域显示为常规的文本域。
(7)color类型
color类型用于选择颜色。
2.答
(1)datalist元素
datalist元素用于定义输入域的选项列表。
(2)keygen元素
keygen元素用于提供一种验证用户的可靠方法。
它是一个密钥对生成器。
当提交表单时,会生成两个键,一个是私钥(privatekey),一个公钥(publickey)。
私钥存储于客户端,公钥则被发送到服务器。
公钥可用于之后验证用户的客户端证书。
(3)output元素
output元素用于用于不同类型的输出,例如比如计算或脚本的结果输出。
3.答
规定表单中的元素是否具有自动完成功能。
所谓自动完成功能就是表单会记忆用户在表单元素中输入数据的历史记录。
下次输入时会根据用户输入的字头提示匹配的历史数据,帮助用户完成输入。
autocomplete="on"表示启用自动完成功能;autocomplete="off"表示停用自动完成功能。
例如:
4.答
规定在提交表单时不验证数据,例如:
如果不使用novalidate,则会验证数据。
第4章最新版本的层叠样式表——CSS3
一、选择题
1.C2.B3.B4.A5.B
二、填空题
1.层叠样式表2..css
3.text-decoration4.轮廓(outline)
5.float6.opacity;0~1
7.transition
三、问答题
1.答:
selector选择器。
有3种选择器,第一种是HTML的标签,比如p、body、a等;第二种是class;第三种是ID。
,具体使用情况将在后面介绍。
property就是那些将要被修改的属性,比如color。
valueproperty的值,比如color的属性值可以是red。
2.答:
CSS3支持以HSL声明的形式表现颜色。
HSL色彩模式是工业界的一种颜色标准,是通过对色调(H)、饱和度(S)、亮度(L)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的这个标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。
HSL声明的定义形式如下:
hsl(色调值,饱和度值,亮度值)
参数说明如下:
色调值,用于定义色盘,0和360是红色,接近120的是绿色,240是蓝色;
饱和度值,一个百分比,0%是灰度,100%饱和度最高;
亮度值,个百分比:
0%是最暗,50%均值,100%最亮。
HSLA声明在HSL颜色的基础上增加了一个A参数,设置该颜色的透明度。
与RGBA一样,A参数的取值范围也为0~1,0表示完全透明(即不可见),1表示完全不透明。
第5章HTML5拖放
一、选择题
1.A2.C3.A4.D
二、填空题
1.拖拽(drag);放开(drop)
2.Drop
3.Dragend
4.Event
三、简答题
1.答:
copy,显示copy光标。
link,显示link光标。
move,显示move光标。
none,默认值,即没有指定光标。
2.答:
当开始拖拽时,可以提供下面的息:
(1)被拖拽的数据。
这可以是多种不同格式的数据,例如,包含字符串数据的文本对象。
(2)在拖拽过程中显示在鼠标指针旁边的反馈图像。
用户可以自定义此图像,但大多数时候只能使用默认图像。
默认图像将基于按下鼠标时鼠标指针指向的元素。
(3)运行的拖拽效果。
可以是以下3种拖拽效果:
copy,指被拖拽的数据将从当前位置复制到放开的位置;
move,指被拖拽的数据将从当前位置移动到放开的位置;
link,指在源位置和放开的位置之间将建立某种关系或连接。
第6章使用CanvasAPI画图
一、选择题
1.B2.A3.A4.B
二、填空题
1.lineTo()2.arc()
3.rgba()4.strokeText();fillText()
5.rotate()
三、简答题
1.答
strokeRect()方法与rect()方法都用于绘制矩形,它们的参数相同。
strokeRect()方法与rect()方法的区别在于调用strokeRect()方法时不需要使用beginPath()和stroke()即可绘图。
2.答:
可以通过下面2种方法创建CanvasGradient对象:
(1)以线性颜色渐变方式创建CanvasGradient对象。
使用CanvasRenderingContext2D对象createLinearGradient()方法可以线性颜色渐变方式创建CanvasGradient对象。
线性颜色渐变方式创建CanvasGradient对象。
createLinearGradient()方法的语法如下:
createLinearGradient(xStart,yStart,xEnd,yEnd)
参数xStart和yStart是渐变的起始点的坐标,参数xEnd和yEnd是渐变的结束点的坐标。
(2)以放射颜色渐变方式创建CanvasGradient对象。
使用CanvasRenderingContext2D对象createRadialGradient()方法可以放射颜色渐变方式创建CanvasGradient对象。
线性颜色渐变方式创建CanvasGradient对象。
createRadialGradient()方法的语法如下:
createRadialGradient(xStart,yStart,radiusStart,xEnd,yEnd,radiusEnd)
参数xStart和yStart是开始圆的圆心的坐标,radiusStart是开始圆的半径;参数xEnd和yEnd是结束圆的圆心的坐标,radiusEnd是结束圆的半径。
3.答:
参数说明如下:
image,所要绘制的图像,必须是表示
标记或者屏幕外图像的Image对象,或者是Canvas元素;
sourceX和sourceY,图像将要被绘制的区域的左上角;
d