用于html5程序设计基础教程(练习题参考答案)

第章 H 概述

一、选择题

  A   D 3.C 4.

二、填空题

1.HyprTet Marku Langage

2 <im>

3 TL

4.UTF-8

5.m enu>

6.con    u

7. snc

.<d e tils>

  Geoloation PI

0Wborkes

三、简答题

1答:

<section标签用于定义文档中的区段。

 <hedr>标签用于定义文档的页眉(介绍信息。

foo er标签用于定义区段(s ction)或文档的页脚。通常,该元素包含作者的姓名、文档的创作日期或者联系方式等信息。

<a标签用于定义导航链接。

<art  c l>标签用于定义文章或网页中的主要内容。

aside>标签用于定义主要内容之外的其他内容。

<fiur e>标签用于定义独立的流内容(图像、 图表、照片、代码等等)。

2答

mark>标签用于定义带有记号的文本。

 <time>标签用于定义公历的时间(24小时制或日期时间和时区。

mte>标签用于定义度量衡。

<rogress>标签用于定义定义一个进度条。

3答:

在HTML 中可以通过下面的方法进行绘图

 使用Cnvas AP动态地绘制各种效果精美的图形

绘制可伸缩矢量图形SG。

4答:

HTL5新增的与数据存储和数据处理相关的新功能如下

1)Web通信

在HML 中,出于安全考虑,一般不允许一个浏览器的不同框架、不同标签页、不同窗口之间的应用程序互相通信,以防止恶意攻击。如果要实现跨域通信只能通过Wb服务器作为中介。但在桌面应用中,经常需要进行跨通信。HTL5提供了这种跨域通信的消息机制。

(2本地存储

HTML 的存储能力很弱,只能使用Cookie存储很少量的数据 比如用户名和密码。HT 5扩充了文件存储的能力,可以存储多达5MB的数据。而且还支持WebSQL和ndexeB等轻量级数据库,大大增强了数据存储和数据检索能力。

(3)离线应用

传统b应用程序对eb服务器的依赖程度非常高离开We服务器几乎什么都做不了。而使用HM L 可以开发支持离线的Web应用程序在连接不上Wb服务器时可以切换到离线模式;等到可以连接e服务器时,再进行数据同步,把离线模式下完成的工作提交到We服务器。

四、练习题

略

第2章 av a S ri p编程

一、选择题

1. 2 B    4.A

二、填空题

1   s

2.==

  o nt inu e

4.break 

  func ti 

6. e tur n

7 bjec 

.rr 

9.Evn

三、简答题

1答

2答:

3.答for 表达式1;表达式2 表达式3) {

循环体

}

4.答:

在函数中也可以定义变量,在函数中定义的变量被称为局部变量。局部变量只在定义它的函数内部有效在函数体之外 即使使用同名的变量,也会被看作是另一个变量。相应地,在函数体之外定义的变量是全局变量。全局变量在定义后的代码中都有效,包括它后面定义的函数体内。如果局部变量和全局变量同名,则在定义局部变量的函数中,只有局部变量是有效的。

第3章 HL5表单及文件处理

一、选择题

1.C 2.B 3.A .B

二、填空题

1    m>…/fr>

  tye

3 tex re

4."submit";" es   ";"but on"

5. h ekV l ii y()

6. ; 

三、简答题

1 答

  )mi 类型email 类型用于应该包含email地址的输入域。在提交表单时,会自动验证ema l域的值。

2)ur l类型ur 类型用于应该包含URL地址的输入域。在提交表单时会自动验证U RL域的值。

3)nb er类型

mbr类型用于应该包含数值的输入域。可以通过表-9所示的属性对数值进行限定。

(4 dte类型da 类型用于应该包含日期值的输入域,可以通过一个下拉日历来选择年/月/日。

()其他日期时间类型

HTML 5还新增了如下的用于输入日期时间的input类型:

 nth用于选取月和年

wee,用于选取周和年;

t me,用于选取时间小时和分钟 ;

datetime用于选取时间、 日、月、年UT 时间);

dattieloc al,用于选取时间、 日、月、年本地时间)。

6 sea  类型s arch类型用于搜索域 比如站点搜索或 Google 搜索。 search域显示为常规的文本域。

7) olor类型

ol 类型用于选择颜色。

. 答

1)dtalis t元素

atalis t元素用于定义输入域的选项列表。

 )keygen元素keygen元素用于提供一种验证用户的可靠方法。它是一个密钥对生成器。当提交表单时,会生成两个键,一个是私钥(pivate ky)一个公钥 ublic key)。私钥存储于客户端公钥则被发送到服务器。公钥可用于之后验证用户的客户端证书。

3 oupt元素ou u元素用于用于不同类型的输出,例如比如计算或脚本的结果输出。

  答

规定表单中的元素是否具有自动完成功能。所谓自动完成功能就是表单会记忆用户在表单元素中输入数据的历史记录。下次输入时会根据用户输入的字头提示匹配的历史数据帮助用户完成输入。autoc omplt"n"表示启用自动完成功能;utocmple e="ff表示停用自动完成功能。例如

om a  i "dmoform. sp"mthd="e "atocomp e e="o">

4.答

规定在提交表单时不验证数据,例如:

<foraction=dem_form asp"ethod"gt" nova idte>

如果不使用nvl dat,则会验证数据。

第4章 最新版本的层叠样式表——CS



一、选择题

1. 2 B 3.B 4  5.B

二、填空题

1 层叠样式表 2 .  ss

3.tet-decoration 4轮廓o   in 

.flat 6.opaci   0~

7  ansi  on

三、 问答题

1.答:

  elector 选择器。有3种选择器第一种是TML的标签 比如p、 body、 等第二种是c las s;第三种是 。 ,具体使用情况将在后面介绍。

poerty 就是那些将要被修改的属性 比如c olor。

vlu roperty的值,比如clr的属性值可以是red。

2. 答:

C S S 3支持以HS声明的形式表现颜色。 HS色彩模式是工业界的一种颜色标准,是通过对色调、饱和度(S、亮度三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的这个标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。HS声明的定义形式如下:

s  (色调值,饱和度值,亮度值)

参数说明如下:

 色调值用于定义色盘,0和36是红色接近 0的是绿色,240是蓝色

饱和度值一个百分比 %是灰度 100%饱和度最高;

 亮度值,个百分比:%是最暗,50%均值,   %最亮。

HS LA声明在HL颜色的基础上增加了一个参数设置该颜色的透明度。与G BA一样 A参数的取值范围也为0~ , 表示完全透明即不可见),1表示完全不透明。第5章 H TM L 5拖放

一、选择题

1.A    . 4 

二、填空题

1.拖拽(dr ag 放开(dop)

.Drp

  Drgend

4.Een

三、简答题

1.答:copy,显示 py光标。 lik显示l nk光标。 move,显示move光标。  ne,默认值,即没有指定光标。

2答

当开始拖拽时,可以提供下面的息:

(1)被拖拽的数据。这可以是多种不同格式的数据,例如,包含字符串数据的文本对象。

(2在拖拽过程中显示在鼠标指针旁边的反馈图像。用户可以自定义此图像,但大多数时候只能使用默认图像。默认图像将基于按下鼠标时鼠标指针指向的元素。

3运行的拖拽效果。可以是以下3种拖拽效果:

 opy指被拖拽的数据将从当前位置复制到放开的位置

 m e,指被拖拽的数据将从当前位置移动到放开的位置;

l ink,指在源位置和放开的位置之间将建立某种关系或连接。

第章 使用avas API画图

一、选择题

   2 A 3.A 4.B

二、填空题

1.l neo )   ac()

  rgba()  s trkeext );fi  Te  )

5.rotate()

三、简答题

1答strokec t )方法与rc t()方法都用于绘制矩形,它们的参数相同。 strokeRet()方法与r t()方法的区别在于调用 trokeRec t(方法时不需要使用be nP ah 和  ok(即可绘图。

2答:

可以通过下面2种方法创建Canasadiet对象

1以线性颜色渐变方式创建Canv asradiet对象。

使用Canvase erigo  e  D对象c eatinarad in ()方法可以线性颜色渐变方式创建Cnvs Grad ent对象。线性颜色渐变方式创建C vas Ga ent对象。 c reteLinearGad ient() 方法的语法如下

参数xSta 和yStr 是渐变的起始点的坐标参数En和yEnd是渐变的结束点的坐标。

2以放射颜色渐变方式创建Ca as Gradient对象。

使用an  Red  inCo  extD对象c  ateRad ia lad ient()方法可以放射颜色渐变方式创建anvas Gadient对象。线性颜色渐变方式创建anvaGaint对象。 r teaiaGrdiet()方法的语法如下:

 rea  ea ia  Grad  en  (xStar  , ytart, radi   trt, xEn , ynd, radiuEnd

参数xS rt和yStat是开始圆的圆心的坐标,raius Start是开始圆的半径;参数xEnd

和End是结束圆的圆心的坐标 radius Ed是结束圆的半径。

3答

参数说明如下:

 iag,所要绘制的图像,必须是表示mg标记或者屏幕外图像的 Iage对象或者是Canvas元素

 ouc X和s ourc eY 图像将要被绘制的区域的左上角;

des t和es tY,所要绘制的图像区域的左上角的画布坐标;

 des tWith和des tHeight,图像区域所要绘制的画布大小。

4答

 saowBlur,阴影的像素模糊值。

shadow Offs tX,阴影在x轴上的偏移值。

shadoOffs etY,阴影在y轴上的偏移值。

sha wolor,阴影颜色值。

第7章 绘制可伸缩矢量图形SG)

一、选择题

1 B 2.A 3 C  A 5.B

二、填空题

1.可伸缩矢量图形2.<re >

3.  trokopci   4.stroe-  ineJi

5 st oe-da array 6 s y 

三、简答题

 .答:

与PEG和GIF等格式的图像相比,VG图像主要具有如下优势:

 VG图像可以使用任何文本编辑器创建和编辑,而JPEG和GIF等格式的图像则必须使用专用的图像编辑软件创建和编辑。

SVG图像更易于压缩、搜索适用于制作地图)、索引和脚本化。

缩放SVG图像时,图像不变形。

可以在任何分辨率下打印高质量的VG图像。

2.答:

S VG与Canvs相比的异同如下:

 G是在XM中描述二维图像的语言而Ca as则在JavaScript程序中绘制二维图像。

 在S中,每一个绘制的图形都会被记录为一个对象,当SV对象的属性变化时,浏览器会自动重画图形。

 Cnvas图像是一个像素一个像素绘制的,一旦图像绘制完成,浏览器就会忘了它。如果图像的位置变化了,那么场景都要重画,包括被该图像覆盖的对象。

3.答:

"b ut  ",默认值,指定线段没有线帽。线条的末点是平直的而且和线条的方向正交,这条线段在其端点之外没有扩展。

"rud",指定线段带有一个半圆形的线帽,半圆的直径等于线段的宽度,并且线段在端点之外扩展了线段宽度的一半。

"s quar "指定线段一个矩形线帽。这个值和   tt  一样,但是线段扩展了自己的宽度的一半。

第章 播放多媒体

一、选择题

1 D 2 A 3.A .A

二、填空题

1.ado 2 Loop

   4 su e

三、简答题

1答:

播放背景音乐时通常不需要显示播放控件 因此在定义aud o标签时可以将cntrol属性设置为fa l  e 或不使用o nt  ls属性。播放背景音乐时需要自动、循环播放,因此在定义ado标签时可以将aut ly属性和lop属性设置为t u e。

2.答:video对象的常用方法如表8-7所示。

表8-7vide对象的常用方法