2.5（two） 1【单选题】

2.1随堂测验（three）1【单选题】

3.2随堂测验(four)1【单选题】

4.1节(five)1【单选题】

(Six)

7.1随堂测验(seven)1【单选题】

8.1随堂测验(eight)1【单选题】

9.1.4 随堂测试(nine)1【单选题】

10.1.2 随堂测试(ten)1【单选题】

2.5（two）
1【单选题】

在下列选项中，不属于Web前端开发任务的是（）。

A、
页面布局

B、
页面交互

C、
通信协议

D、
页面特效

我的答案：C

2【单选题】

HTML5是（）年由W3C组织推荐的标准。

A、
1993

B、
1997

C、
2000

D、
2014

我的答案：D

3【单选题】

下列选项中，（）不是Web浏览器。

A、
Linux

B、
Firefox

C、
Safari

D、
Opera

我的答案：A

4【单选题】

张同学正在家里通过拨号上网访问新浪主页，此时，他自己的计算机是（）。

A、
服务器

B、
浏览器

C、
既是服务器也是浏览器

D、
既不是服务器也不是浏览器

我的答案：B

5【多选题】

下面的选项中，关于Web标准说法正确的是（　）。

A、
Web标准只要包括HTML标准

B、
Web标准是由浏览器的各大厂商联合制定的

C、
Web标准并不是某一个标准，而是一系列标准的集合

D、
网页部分的Web标准主要包括结构标准、表现标准和行为标准三个方面

我的答案：CD

6【多选题】

下列选项中的术语名词，属于网页术语的是（　）。

A、
Web

B、
HTTP

C、
DNS

D、
IOS

我的答案：ABC

7【判断题】

所有的浏览器对同一个CSS样式的解析都相同，因此页面在不同浏览器下的显示效果完全一样。

我的答案：×

8【判断题】

URL（英文Uniform Resource Locator的缩写）中文译为“统一资源定位符”。URL其实就是Web地址，俗称“网址”。

我的答案：√

9【判断题】

在网站建设中，JavaScript用于搭建页面结构。

我的答案：×

10【判断题】

“HTTP”是一种详细规定了浏览器和万维网服务器之间互相通信的规则。

我的答案：√

2.1随堂测验（three）
1【单选题】

位于HTML文档的最前面，用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范的标记是（）。

A、
<!DOCTYPE>

B、
<head></head>

C、
<title></title>

D、
<html></html>

2【单选题】

在HTML中，网页要显示的主体内容应放置在（）。

A、
<title></title>标记之间

B、
<head></head>标记之间

C、
<body></body>标记之间

D、
HTML中的任意位置

我的答案：C

3【单选题】

若要以加粗宋体、12号字显示“vbscript”以下用法中，正确的是（）。

A、
<b><font size=12>vbscript</b></font>

B、
<b><font face=”宋体”size=12>vbscript</font></b>

C、
<b><font face=“宋体”size=12>vbscript</b></font>

D、
<b><font face=“宋体” fontsize=12>vbscript</b></font>

我的答案：B

4【单选题】

下列属性中，哪一项是用于设置鼠标悬停在图像上时的提示文字？（）。

A、
title

B、
alt

C、
width

D、
height

我的答案：A

5【单选题】

下列选项不属于HTML5文档的结构元素是（）。

A、
<article>

B、
<header>

C、
<font>

D、
<aside>

我的答案：C

6【单选题】

下列哪个是HTML中的空格字符（）。

A、
div

B、
p

C、
b

D、
&nbsp；

我的答案：D

7【判断题】

完整的HTML文件包括头部和主体两大部分。

我的答案：√

8【判断题】

网页的正文，是用户在浏览器主窗口中看到的信息，包括图片、表格、段落、音频、视频等内容，且需位于<title>标签之内。

我的答案：×

9【判断题】

HTML代码中添加注释的方法主要有2种：与<comment>注释信息</comment>。

我的答案：√

10【判断题】

标题元素<title></title>标签的内容，会显示在浏览器窗口的左上角。

我的答案：√

2.2随堂测试
1【单选题】

在<Link>标签的常用属性中，引用外部文档的类型用（）属性表示。

A、
head

B、
rel

C、
href

D、
type

我的答案：D

2【单选题】

下面哪一个标签的作用是定义文档与外部资源的关系，最常见的用途是链接样式表（）。

A、
<title>

B、
<meta>

C、
<link>

D、
<head>

我的答案：C

3【单选题】

下列标签中，哪一项可以作为搜索引擎结果中的页面标题（）。

A、
<title>

B、
<html>

C、
<hr>

D、
<header>

我的答案：A

4【多选题】

下面哪些是<Link>标签的常用属性（）。

A、
href

B、
rel

C、
type

D、
title

我的答案：ABC

5【多选题】

HTML头部标签中，关于<title>标签的作用说法正确的是（　　）。

A、
用于在浏览器的标题栏中显示标题

B、
可以用作默认快捷方式或收藏夹的名称

C、
可以在<title>标签对之间允许有其它的标签存在

D、
可以作为搜索引擎结果中的页面标题

我的答案：ABD

6【多选题】

HTML头部标签中，关于<meta/>标签的作用说法正确的是（　　）。

A、
提供有关页面的元信息

B、
对页面的属性设置

C、
对搜索引擎的属性设置

D、
在HTML5中新增字符编码的属性设置

我的答案：ABD

7【判断题】

在HTML5中新增字符编码的属性设置，通过set属性进行指定。

我的答案：×

8【判断题】

一个网页可以有多个标题。

我的答案：×

9【判断题】

我的答案：√

10【判断题】

我的答案：√

2.3随堂测试
1【单选题】

<hr noshade>表示（）。

A、
表示水平线没有阴影

B、
表示水平线没有边框

C、
表示页面边界没有阴影

D、
表示水平线不显现

我的答案：A

2【单选题】

下列说法错误的是（）。

A、
<sup></sup>表示上标

B、
<em></em>表示下划线

C、
<s></s>表示删除线

D、
<strong></strong>表示粗体

我的答案：B

3【单选题】

下面哪个标签可以产生多个空行的效果。（）

A、
<b>

B、
<br>

C、
<font>

D、
<I>

我的答案：B

4【单选题】

下列<hr>标签的属性中，哪一项表示水平线的长。（）

A、
size

B、
color

C、
width

D、
align

我的答案：C

5【多选题】

HTML文档中的文本控制标签包括（　　）。

A、
标题段落标签

B、
文本格式标签

C、
特殊字符标签

D、
修饰标签

我的答案：ABC

6【多选题】

下列选项中属于文本格式标签的是（　　）。

A、
<br>

B、
<hr>

C、
修饰标签

D、
<div>

我的答案：C

7【判断题】

特殊字符标签可用于设定数学公式、版权信息中的特殊字符。

我的答案：√

8【判断题】

标题段落标签主要包含用于设定HTML页面中段落的标题级数的<hi>标签和用于划分段落，控制文本的位置的<p>标签。

我的答案：√

9【判断题】

在大多数浏览器中显示的<h1>、<h2>、<h3>元素内容小于文本在网页中的默认尺寸。

我的答案：×

10【判断题】

可使用align属性设定标题的对齐方式，如：left、right、up、down

我的答案：×

2.4随堂测验
1【单选题】

图像文件名为myhome.jpg，要访问目标网站为http://www.edu.cn，以下创建一个以图像为链源的超链接正确的是（）。

A、
<a href="http://www.edu.cn" >myhome.jpg</a>

B、
<a href="http://www.edu.cn" ><img src="myhome.jpg">

C、
<img src="myhome.jpg"><a href="http://www.edu.cn" ></a>

D、
<a href="http://www.edu.cn" ><img src="myhome.jpg"></a>

我的答案：D

2【单选题】

在HTML中，( )不是链接的目标窗口属性。

A、
self

B、
blank

C、
new

D、
top

我的答案：C

3【单选题】

以下创建E-mail链接的方法，正确的是（）。

A、
<a href="master@163.com" >管理员</a>

B、
<a href="#master@163.com" >管理员</a>

C、
<a href="callto:master@163.com" >管理员</a>

D、
<a href="mailto:master@163.com" >管理员</a>

我的答案：D

4【单选题】

下列属性中，哪一项是用于设置鼠标悬停在图像上时的提示文字？（）。

A、
title

B、
alt

C、
width

D、
height

我的答案：A

5【单选题】

可以在网页中显示图片a.gif 的选项是（　　）。

A、
<src=“a.gif”>

B、
<img=“a.gif”>

C、
<img src=“a.gif”>

D、
<a.gif>

我的答案：C

6【多选题】

在网页中常见的图片格式有（　）。

A、
png

B、
jpg

C、
gif

D、
psd

我的答案：ABC

7【判断题】

图像文件和html文件位于同一文件夹，相对地址为<img src="logo.gif" />

我的答案：√

8【判断题】

PNG格式常常用于Logo、小图标及其他色彩相对单一的图像。

我的答案：×

9【判断题】

相对于GIF，PNG最大的优势是体积更小，支持alpha透明（全透明，半透明，全不透明），并且颜色过渡更平滑，但PNG不支持动画。

我的答案：√

10【判断题】

绝对路径是相对本文档的目标文件位置的表示方法；一方面简洁，另一方面可避免站点移位造成找不到目标文件。

我的答案：×

2.5节
1【单选题】

下列属性中，哪一项是用于设置鼠标悬停在图像上时的提示文字？

A、
title

B、
alt

C、
width

D、
height

我的答案：A

2【单选题】

在HTML中，( )不是链接的目标窗口属性。

A、
self

B、
new

C、
blank

D、
top

我的答案：B

3【单选题】

图像文件名为myhome.jpg，要访问目标网站为http://www.edu.cn，以下创建一个以图像为链源的超链接正确是（）。

A、
<a href="http://www.edu.cn" >myhome.jpg</a>

B、
<a href="http://www.edu.cn" ><img src="myhome.jpg">

C、
<img src="myhome.jpg"> <a href="http://www.edu.cn" ></a>

D、
<a href="http://www.edu.cn" ><img src="myhome.jpg"></a>

我的答案：D

4【单选题】

以下创建E-mail链接的方法，正确的是（）。

A、
<a href="master@163.com" >管理员</a>

B、
<a href="#master@163.com" >管理员</a>

C、
<a href="callto:master@163.com" >管理员</a>

D、
<a href="mailto:master@163.com" >管理员</a>

我的答案：D

5【单选题】

创建一个位于文档内部位置的链接的代码是？（）

A、
<a href="#NAME"></a>

B、
<a name="NAME"></a>

C、
<a href="mailtEMAIL"></a>

D、
<a href="URL"></a>

我的答案：A

6【单选题】

HTML代码 <a name="NAME"></a> 表示？（）

A、
创建一个超链接

B、
创建一个自动发送电子邮件的链接

C、
创建一个位于文档内部的连接点

D、
创建一个指向位于文档内部的连接点

我的答案：C

7【单选题】

下列哪一项是在新窗口中打开网页文档。（）

A、
_self

B、
_blank

C、
_top

D、
_parent

我的答案：B

8【单选题】

在网页中，必须使用（）标记来完成超级链接。（）

A、
<a>…</a>

B、
<p>…</p>

C、
<link>…</link>

D、
<li>…</li>

我的答案：A

9【单选题】

要将页面的当前位置定义成名为”vbpos”和锚，其定义方法正确的是（）。

A、
<a href=:vbpos”></a>

B、
<a href=”#vbpos”>vbpos</a>

C、
<a name=vbpos>

D、
<a name=”vbpos”></a>

我的答案：D

10【判断题】

超链接是一种标记，形象的说法就是单击网页中的这个标记则能够加载另一个网页，这个标记可以做在文本上也可以做在图像上。

我的答案：√

2.6节
1【单选题】

在下列选项中，不属于Web前端开发任务的是（）。

A、
页面布局

B、
页面交互

C、
通信协议

D、
页面特效

我的答案：C

2【单选题】

定义表格的项目表头的HTML标签是（）。

A、
<table>

B、
<td>

C、
<tr>

D、
<th>

我的答案：D

3【单选题】

设置表格的边框为0的HTML 代码是（）。

A、
<table cellspacing=0>

B、
<table height=0>

C、
<table boeder=0>

D、
<table cellpadding=0>

我的答案：C

4【单选题】

<table rules=cols>，表示（）。

A、
显示所有分隔线

B、
只显示组(Groups)与组之间的分隔线

C、
只显示行与行之间的分隔线

D、
只显示列与列之间的分隔线

我的答案：D

5【单选题】

定义表格行的HTML标签是（）。

A、
<table>

B、
<td>

C、
<th>

D、
<tr>

我的答案：D

6【判断题】

在定义列表中，一对<dt></dt>标记只能一对<dd></dd>标记。

我的答案：×

7【判断题】

代码“<td rowspan="3">万柏林区</td>”表示的意思是将水平方向的三个单元格合并为一个单元格。

我的答案：×

8【判断题】

在定义列表中，一对<dt></dt>标记只能一对<dd></dd>标记。

我的答案：×

9【判断题】

<table frame=hsides>只显示一个边框。

我的答案：×

10【判断题】

代码“<td rowspan="3">海淀区</td>”表示的意思是将水平方向的三个单元格合并为一个单元格。

我的答案：×

3.1随堂测验
1【单选题】

HTML5 的全局属性中"contenteditable" 用于（）。

A、
规定元素的上下文菜单,该菜单会在用户点击右键点击元素时出现

B、
规定元素内容是否是可编辑的

C、
从服务器升级内容

D、
返回内容在字符串中首次出现的位置

我的答案：B

2【单选题】

为了使得元素可拖动，可以把（）属性设置为ture。

A、
draggable

B、
contenteditable

C、
editable

D、
dropzone

我的答案：A

3【单选题】

若要以加粗微软雅黑、16号字显示“HTML课程”以下用法中，正确的是（）。

A、
<b><font size=16>HTML课程</b></font>

B、
<b><font face=”微软雅黑”size=16>HTML课程</font></b>

C、
<b><font face=“微软雅黑”size=16>HTML课程</b></font>

D、
<b><font face=“微软雅黑” fontsize=16>HTML课程</b></font>

我的答案：B

4【单选题】

下列标签中，哪一项是用于表示文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容？（）。

A、
<article>

B、
<header>

C、
<footer>

D、
<aside>

我的答案：A

5【单选题】

下面的HTML结构元素标签选项中，专门用于定义当前页面或当前文章的附属信息的是（　　）。

A、
<header>标签

B、
<footer>标签

C、
<aside>标签

D、
<article>标签

我的答案：C

6【多选题】

下列选项中属于HTML常用页面节点标签的是（　　）。

A、
<section> 标签

B、
<nav> 标签

C、
<address> 标签

D、
<title> 标签

我的答案：ABC

7【判断题】

HTML5的目标就是通过一些新标签、新功能为开发更加简单、独立、标准的通用Web应用提供标准。

我的答案：√

8【判断题】

< section >标签用于定义文章的节，一般用于成节的内容，会在文档流中开始一个新的节。

我的答案：√

9【判断题】

<menu>标签用于代表页面的一个部分，是一个可以作为页面导航的链接组。

我的答案：×

10【判断题】

<header>标签用于定义文章的页眉信息，其中包含多个标题（<h1>~<h6>）、导航部分（<nav>）或普通内容（<p>和<span>）等部分。

我的答案：√

3.2随堂测验(four)
1【单选题】

在HTML5中，下列用于展现页面中某个事物完成的进度的元素是（）。

A、
details

B、
meter

C、
command

D、
progress

我的答案：D

2【单选题】

下列一般用于投票系统中候选人各占比例情况及考试分数统计等的元素是（）。

A、
< command >元素

B、
< progress >元素

C、
< meter >元素

D、
<summary >元素

我的答案：C

3【单选题】

在< details >元素属性中，用于设置元素所对应的项目ID号的是（）。

A、
open

B、
subject

C、
draggable

D、
summary

我的答案：B

4【单选题】

下列< meter >元素属性中，哪一项是用于设置规定度量的优化值？（）。

A、
optimum

B、
value

C、
max

D、
low

我的答案：A

5【多选题】

下面的选项中，属于< command >元素属性的是（　）。

A、
checked属性

B、
disabled属性

C、
icon属性

D、
radiogroup属性

我的答案：ABCD

6【多选题】

下列选项中属于HTML5为操作新增的交互体验元素有（　　）。

A、
progress

B、
meter

C、
details

D、
menu

我的答案：ABCD

7【判断题】

在一个容器中，< command >元素用于创建上下文、工具栏和弹出菜单。

我的答案：×

8【判断题】

< details >元素用于说明文档的详细信息。

我的答案：√

9【判断题】

< command >元素是HTML5新增的标记，用于定义各种类型的命令按钮。

我的答案：√

10【判断题】

< progress >元素属于状态交互元素，用来表示页面中的某个任务完成的进度。

我的答案：√

3.3随堂测验
1【单选题】

以下哪个标记用来建立一个有序列表（）。

A、
<ni>

B、
<ul>

C、
<ol>

D、
<dl>

我的答案：C

2【单选题】

在HTML文本层次语义元素中，用于把文本定义为强调的内容的是（）。

A、
<em>标签

B、
<dfn>标签

C、
<samp>标签

D、
<code>标签

我的答案：A

3【单选题】

在HTML文本层次语义元素中，用于对参考文献的引用进行定义的是（）。

A、
<strong>元素

B、
<cite>元素

C、
<var>元素

D、
<mark>元素

我的答案：B

4【多选题】

下列哪些选项属于HTML5为了页面的排版需要而提供的语义分组元素？（）。

A、
blockquote

B、
figure

C、
pre

D、
height

我的答案：ABC

5【多选题】

在无序列表中经常设置type属性，下列属于type属性值的是（　　）。

A、
disc

B、
circle

C、
pointer

D、
square

我的答案：ABD

6【多选题】

关于定义无序列表的基本语法格式，以下描述正确的是（　　）。

A、
<ul></ul>标记用于定义无序列表

B、
<li></li>标记嵌套在<ul></ul>标记中，用于描述具体的列表项

C、
每对<ul></ul>中至少应包含一对<li></li>

D、
<li>不可以定义type属性，只能使用CSS样式属性代替

我的答案：ABC

7【判断题】

< cite >元素定义带有记号的文本，可以高亮显示文档中的文字以达到醒目的效果。

我的答案：×

8【判断题】

HTML文本层次语义元素<kbd>用于定义键盘文本，它表示文本是从键盘上键入的。

我的答案：√

9【判断题】

在定义列表中，一对<dt></dt>标记可以对应多对<dd></dd>标记。

我的答案：√

10【判断题】

在进行列表嵌套时，无序列表中只能嵌套无序列表。

我的答案：×

3.4节
1【单选题】

HTML5 的全局属性中"contenteditable" 用于（）。

A、
规定元素的上下文菜单,该菜单会在用户点击右键点击元素时出现

B、
规定元素内容是否是可编辑的

C、
从服务器升级内容

D、
返回内容在字符串中首次出现的位置

我的答案：B

2【单选题】

在HTML5 中，spellcheck 是（）。

A、
全局属性

B、
HTML元素

C、
事件属性

D、
样式属性

我的答案：A

3【单选题】

为了使得元素可拖动，可以把（）属性设置为ture。

A、
draggable

B、
contenteditable

C、
editable

D、
dropzone

我的答案：A

4【多选题】

以下哪项属于html全局属性?（）

A、
id

B、
style

C、
class

D、
form

我的答案：ABC

5【判断题】

accesskey属于html全局属性。

我的答案：√

6【判断题】

contextmenu属于html全局属性。

我的答案：√

7【判断题】

translate属于html全局属性。

我的答案：√

8【判断题】

dropzone不属于html全局属性。

我的答案：×

9【判断题】

全局属性contextmenu规定元素的上下文菜单，上下文菜单在用户点击元素时显示。

我的答案：√

10【判断题】

全局属性spellcheck规定是否对元素进行拼写和语法检查。

我的答案：√

4.1节(five)
1【单选题】

<form>与</form>之间的表单控件是由用户自定义的。下列选项中，不属于表单标记<form>的常用属性的是（）。

A、
action

B、
size

C、
method

D、
name

我的答案：B

2【单选题】

在HTML中，<form method=””>，method属性表示（）。

A、
提交方式

B、
表单所用的脚本语言

C、
提交的URL地址

D、
表单的类型

我的答案：A

3【单选题】

设置表单中密码框的最大长度为15正确的属性设置是（）。

A、
size=15

B、
max=15

C、
maxsize=15

D、
maxlength=15

我的答案：D

4【单选题】

下列关于表单的说法不正确的一项是（）。

A、
表单对象可以单独存在于网页表单之外

B、
表单中包含各种表单对象，如文本域、列表框和按钮

C、
表单就是表单对象

D、
表单由两部分组成：一是描述表单的HTML源代码；二是用来处理用户在表单域中输入的信息的服务器端应用程序客户端脚本

我的答案：C

5【单选题】

在HTML中，（）标签用于在网页中创建表单。

A、
<INPUT>

B、
<SELECT>

C、
<TABLE>

D、
<FORM>

我的答案：D

6【单选题】

阅读以下代码段，则可知（）。

A、
上面代码表示的表单元素类型分别是：文本框、单选按钮、复选框、文件域

B、
上面代码表示的表单元素类型分别是：文本框、复选框、单选按钮、文件域

C、
上面代码表示的表单元素类型分别是：密码框、多选按钮、复选框、文件域

D、
上面代码表示的表单元素类型分别是：文本框、单选按钮、下拉列表框、文件域

我的答案：D

7【单选题】

对于<FORM action=″URL″ method=*>标签，其中*代表GET或（）。

A、
SET

B、
PUT

C、
POST

D、
INPUT

我的答案：C

8【判断题】

在表单控件中，对复选框应用checked属性，指定默认选中项。

我的答案：√

9【判断题】

在表单提交方式中，get方式的保密性好，并且无数据量的限制。

我的答案：×

10【判断题】

在表单提交方式中，post方式的保密性好，并且无数据量的限制。

我的答案：√

4.2节
1【单选题】

在表单中插入单选按钮的HTML代码是（）。

A、
<input type="submit" >

B、
< input type="button" >

C、
< input type="reset" >

D、
<input type=“radio”>

我的答案：D

2【单选题】

在表单中插入文本域的正确的HTML代码是（）。

A、
<input type="password" size=15>

B、
<textarea name="" rows="" cols=""> </textarea>

C、
<select multiple><option value=""></select>

D、
<input type="textarea" rows="" cols="" >

我的答案：B

3【单选题】

HTML代码<input type=text name="foo" size=20>表示（　）。

A、
创建一个单选框

B、
创建一个单行文本输入区域

C、
创建一个提交按纽

D、
创建一个使用图象的提交按纽

我的答案：B

4【单选题】

有如下一段代码<input type=”text”name=”txt”>,请问它的功能是。（）

A、
创建一个文本框

B、
创建一个密码框

C、
创建一个文本域

D、
创建一个按钮

我的答案：A

5【单选题】

若要产生一个4行30列的多行文本域，以下方法中，正确的是（）。

A、
<Input type=”text” Rows=”4” Cols=”30” Name=”txtintrol”>

B、
<TextArea Rows=”4” Cols=”30” Name=”txtintro”>

C、
<TextArea Rows=”4” Cols=”30” Name=”txtintro”></TextArea>

D、
<TextArea Rows=”30” Cols=”4” Name=” txtintro”></TextArea>

我的答案：C

6【单选题】

对于标签〈input type=*〉，如果希望实现密码框效果，*值是（）。

A、
hidden

B、
text

C、
password

D、
submit

我的答案：C

7【单选题】

关于下面代码片段分析正确的是（）。

A、
表单的名称为myform

B、
表单的数据提交的位置是checkLogin.do

C、
表单提交的数据将会出现在地址栏中

D、
以post方式提交的表单数据没有大小限制

我的答案：D

8【单选题】

在页面中看不见的表单元素是那种？（）

A、
<input type="password"></input>

B、
<input type="radio"></input>

C、
<input type="hidden"></input>

D、
<input type="reset"></input>

我的答案：C

9【单选题】

有关表单描述错误的是？（）

A、
表单元素只能放置在表单<form>标签中，才可以将表单的数据传递给其他程序

B、
当需要将表单元素的内容发送给其他程序，这些表单元素必须设置name属性值

C、
<form>的method属性用于设置请求方式，常用取值有：post和get

D、
在纯html代码中，只要是按钮，就可以将表单提交到另一个程序去

我的答案：D

10【单选题】

以下哪些标签不是表单元素标签？（）

A、
<input type=”text”>

B、
<a>

C、
<select >

D、
<input type=”submit”>

我的答案：B

4.3节
1【判断题】

代码<input type="text" id="txtAge" pattern="^[1-9]?[0-9]$">可验证输入文本是否为1~9之间的数字。

我的答案：×

2【判断题】

可以使用fieldset元素将相关的元素组合在一起。

我的答案：√

3【判断题】

title标签为<fieldset>边框添加相关的标题。

我的答案：×

4【判断题】

HTML5新增的URL表单类型本身就具有对表单数据进行验证的功能。

我的答案：√

5【判断题】

HTML5新增的pattern属性具有对表单中输入字段模式进行验证的功能。适合于text、serch、url、telephone、email、password等<input>类型。

我的答案：√

6【判断题】

正则表达式的由元字符及普通字符组成。

我的答案：√

7【判断题】

Lable标签的for属性规定label绑定到哪个表单元素上，属性取值为表单元素的id。

我的答案：√

8【判断题】

Lable标签的for属性规定label字段所属的一个或多个表单。

我的答案：×

9【判断题】

HTML5新增的Email表单类型本身就具有对表单数据进行验证的功能。

我的答案：√

10【判断题】

legend标签为<fieldset>边框添加相关的标题。

我的答案：√

(Six)

在HTML中，可以使用（）标记向网页中插入视频。

A、
<src>

B、
<path>

C、
<video>

D、
<audio>

我的答案：C

2【单选题】

下列属性中指定媒体是否在页面加载后自动播放的是（）。

A、
100p

B、
autoplay

C、
poster

D、
auto

我的答案：B

3【单选题】

下列选项中，属于audio元素的属性是（）。

A、
poster

B、
width

C、
height

D、
preload

我的答案：D

4【单选题】

下列选项中，（）不是HTML 5所支持的视频格式。

A、
WebM

B、
Ogg

C、
MP4

D、
AVI

我的答案：D

5【单选题】

可以通过（）元素来为同一个媒体数据指定多个播放格式与编码方式。

A、
source

B、
video

C、
D、
以上都不是

我的答案：A

6【单选题】

HTML5不支持的视频格式是( )。

A、
ogg

B、
mp4

C、
flv

D、
WebM

我的答案：C

7【单选题】

以下关于video说法正确的是（）。

A、
当前，video元素支持三种视频格式,其中WebM = 带有 Thedora 视频编码和 Vorbis 音频编码的 WebM 。

B、
source元素可以添加多个,具体播放哪个有浏览器决定。

C、
video内使用img展示有视频封面。

D、
loop属性可以使媒介文件循环播放。

我的答案：D

8【判断题】

用于播放 HTML5 视频文件的元素是video。

我的答案：√

9【判断题】

用于播放 HTML5 音频文件的元素是audio。

我的答案：√

10【判断题】

video元素支持Ogg和WebM视频格式文件。

我的答案：√

7.1随堂测验(seven)
1【单选题】

基本CSS代码书写规范不正确的是

A、
尽量不缩写

B、
全部小写，且每一项CSS定义写成一行

C、
ID必须是唯一的，且用在结构的定义中

D、
CSS可以尽量使用expression

我的答案：D

2【单选题】

关于CSS定义的说法错误的是

A、
类样式的定义方法是点+样式名字

B、
用户定义的类的定义方法是#+样式名字

C、
声明定义时属性和属性之间用空格分隔

D、
HTML标签，样式名字：是指只有该指定的标签才能引用它

我的答案：C

3【多选题】

下列对CSS描述正确的是

A、是Cascading Style Sheets（层叠样式表）的缩写
B、
是一种对Web文档添加样式的简单机制

C、
是一种表现HTML或XML等文件外观样式的计算机语言

D、
是一种网页排版和布局设计的技术

我的答案：ABCD

4【多选题】

下列关于CSS描述正确的是

A、
CSS可灵活的控制文字字体、颜色、大小、间距、风格及位置

B、
可随意设置文本块行高、缩进，并可以加三维效果的边框

C、
方便为元素设置不同的背景颜色和背景图片

D、
能精确的控制网页中各元素的位置

我的答案：ABCD

5【多选题】

常用的CSS3可以实现的效果有哪些

A、
按钮效果和设计下拉菜单

B、
CSS3引用气泡和动画效果

C、
制作柱形图和图片阴影效果

D、
文本框样式和字体效果

我的答案：ABCD

6【多选题】

下列关于浏览器前缀描述正确的是

A、
-ms-是IE 9浏览器前缀

B、
-moz-是Firefox火狐浏览器前缀

C、
-webkit-是Safari and Chrome 苹果和谷歌浏览器前缀

D、
-o-是Opera 欧朋浏览器前缀

我的答案：BD

7【多选题】

下列关于CSS3特点描述正确的是

A、
网页载入更快

B、
降低流量费用

C、
修改设计时效率高

D、
易被搜索引擎收录

我的答案：ABCD

8【多选题】

关于CSS样式表功能，以下说法正确的是

A、
灵活控制网页中文字大小、字体、颜色、间距风格及位置

B、
可以精确的控制网页中各元素的位置

C、
可以与脚本语言相结合

D、
以上说法都不对

我的答案：ABC

9【多选题】

在HTML中，关于CSS样式的说法错误的是

A、
CSS代码不区分大小写

B、
每条样式规则使用分号(;)隔开

C、
CSS样式无法实现页面的精确控制

D、
CSS样式实现了内容与样式的分离，利于团队开发

我的答案：AC

10【判断题】

与传统的表格布局相比，纯CSS布局与结构式HTML相结合可以实现将网页外观与结构相分离的作用

我的答案：√

7.2随堂测验
1【多选题】

在HTML中所有标签都是用不同的选择器来控制的，根据CSS选择器的用途可以把选择器分为哪些

A、
通用选择器和标签选择器

B、
类选择器和id选择器

C、
伪类选择器和群组选择器

D、
派生选择器和属性选择器

我的答案：ABCD

2【多选题】

下列关于四种基本选择器描述正确的是

A、
通用选择器可以设置网页中所有的HTML标签使用同一种样式

B、
标签选择器可以设置HTML文档中多个不同标签的应用样式

C、
类选择器可以为一系列的网页元素定义相同的显示样式

D、
ID选择器可以为唯一的网页元素定义显示样式

我的答案：ABCD

3【多选题】

下列关于四种基本选择器语法格式描述正确的是

A、
通用选择器语法格式: *{属性1:属性值1; 属性2:属性值2；}

B、
标签选择器语法格式为: 标签名称 {属性1:属性值1; 属性2:属性值2；}

C、
类选择器语法格式为: .类名 {属性1:属性值1; 属性2:属性值2;}

D、
ID选择器语法格式为: #ID名 {属性1:属性值1; 属性2:属性值2;}

我的答案：ABCD

4【多选题】

下列关于组合选择器描述正确的是

A、
相邻兄弟选择器用于选择紧接在某元素之后的兄弟元素。该元素与其相邻兄弟元素之间以加号“+”分隔。

B、
相邻兄弟选择器的语法格式为：兄元素+弟元素{属性1:属性值1; 属性2:属性值2;}

C、
普通兄弟选择器用于选择拥有相同父元素的元素。元素之间使用波浪号“~”分隔。

D、
普通兄弟选择器的语法格式为：兄元素~弟元素{属性1:属性值1; 属性2:属性值2;}

我的答案：ABCD

5【判断题】

CSS格式有选择符和声明两部分组成，两者之间由冒号隔开。选择符可以是HTML中的任何标记，也可以是自定义的合法的标识符，声明由属性和值组成。

我的答案：√

6【判断题】

CSS样式的注释是以“斜杠+星号”（/*）开始，“星号+斜杠”(*/)结束。

我的答案：√

7【判断题】

在CSS3选择器不需要使用多个div标记就能实现多栏布局。

我的答案：√

8【判断题】

CSS3中的选择器包括超文本选择器、类选择器、ID选择器。

我的答案：×

9【判断题】

群组选择器为当几个元素样式属性一样时，可以共同调用一个声明，元素之间用逗号隔开。

我的答案：√

10【判断题】

派生选择器是通过依据元素在其位置的上下文关系来定义样式的选择器。

我的答案：√

7.3随堂测验
1【单选题】

（）只适用于单一网页设置单独的CSS样式。

A、
内联式

B、
内嵌式

C、
链入式

D、
导入式

我的答案：B

2【单选题】

内联式CSS样式是通过标记的（）属性来设置元素的样式。

A、
class

B、
style

C、
id

D、
name

我的答案：B

3【单选题】

在内嵌式CSS样式中，<style>标记可以设置元素的样式，它一般位于（）标记中<title>标记之后。

A、
<h1>

B、
<p>

C、
<head>

D、
<body>

我的答案：C

4【单选题】

引入外部样式表的格式为（）。

A、
<style src =“style.css”>

B、
< link type="text/css" rel="stylesheet" href="style.css" />

C、
< stylesheet >style.css< /stylesheet >

D、
以上都是

我的答案：B

5【单选题】

如果要在不同的网页中应用相同的样式表定义，应该（）。

A、
直接在HTML的元素中定义样式表

B、
在HTML的<head>标记中定义样式表

C、
通过一个外部样式表文件定义样式表

D、
以上都可以

我的答案：C

6【多选题】

下列关于在网页中应用CSS样式的4种方式描述正确的是（）。

A、
内联式是通过标记的style属性，直接把CSS样式添加到HTML的标签中，作为属性存在

B、
内嵌式是将CSS样式代码添加到HTML文档的head头部标签中，并用style标签进行声明。内嵌式只适用于单一网页设置单独的CSS样式

C、
链入式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中，通过link标记将外部样式表文件链接到HTML文档中

D、
导入式与链入外部CSS基本相同，都是要创建一个单独的外部CSS文件，再引入到HTML文档中。导入式采用@import来导入外部CSS文件

我的答案：ABCD

7【多选题】

下列关于链入式和导入式两种外部样式的区别描述正确的是（）。

A、
隶属关系不同：<link>标签属于HTML标签，@import是CSS提供的载入方式

B、
加载时间及顺序不同：链入式先将外部的CSS文件加载到网页当中；导入式先将HTML结构呈现，再加载

C、
兼容性不同：导入式只兼容IE 5以上的版本，链入式无此问题

D、
DOM模型控制样式不同：导入式不受DOM模型控制

我的答案：ABCD

8【判断题】

内嵌式是通过标记的style属性，直接把CSS样式添加到HTML的标签中，作为属性存在。

我的答案：×

9【判断题】

通过内联式可以简单地对某个标签元素单独定义CSS样式，但没有很好地实现表现与内容分离的标准。

我的答案：√

10【判断题】

导入式与链入外部CSS都要创建一个单独的CSS文件，再引入HTML文件中。

我的答案：√

7.4随堂测验
1【单选题】

如果使用内嵌式CSS样式表定义<p>标记字号为12像素，链入式定义<p>标记颜色为红色，那么段落文本将显示为（）。

A、
只显示12像素

B、
12像素红色

C、
只显示红色

D、
以上都不正确

我的答案：B

2【单选题】

下列（）表示p元素中的字体是粗体。

A、
p {text-size:bold}

B、
p {font-weight:bold}

C、
<p style="text-size:bold">

D、
<p style=text-size:bold>

我的答案：B

3【单选题】

下列哪个CSS属性是用来更改背景颜色的（）。

A、
background-color

B、
bgcolor

C、
color

D、
text

我的答案：A

4【单选题】

下列选项中不属于文本属性的是（）。

A、
font-size

B、
font-style

C、
font-family

D、
font-color

我的答案：D

5【判断题】

在网页中应用CSS样式中，样式优先级从高到低分别是，内联式、内嵌式、链入式、导入式。

我的答案：√

6【判断题】

CSS中与长度相关的属性取值中：相对尺寸的大小继承该元素属性的前一个属性的单位值，绝对尺寸的大小受后面紧跟的单位限制，它的取值是固定的，不会受显示器分别率和设备的不同而不同。

我的答案：√

7【判断题】

在CSS中，把容纳文本、图片等内容的显示区域叫做“box”。它包含四个部分，即对象本身（Content）、围绕对象的空格填充（PADDING）、对象边框（BORDER）以及围绕边框的对象间隙（MARGIN）即边距。

我的答案：√

8【判断题】

列表属性用于改变列表项的图形符号。列表的图形符号不仅可以是圆点、空心圆、方块或数字，甚至还可以是指定的图片。

我的答案：√

9【判断题】

CSS样式的4种特性分别是继承性、特殊性、层叠性和重要性。

我的答案：√

10【判断题】

特殊性是指当多个规则都应用再同一元素时，权重高的优先。优先级从高到低分别为，通用选择器、标签选择器、类选择器、ID选择器。

我的答案：×

8.1随堂测验(eight)
1【单选题】

在CSS中，为页面中的某个DIV标签设置样式div{width:200px;padding:0 20px;border:5px；}，则该标签的实际宽度为（）

A、
200px

B、
220px

C、
240px

D、
250px

我的答案：D

2【单选题】

下列设置“上边距：20px、下边距：30px、左边距：40px、右边距：50px”边距属性正确的是（）。

A、
margin:20px 30px 40px 50px

B、
border: 20px 30px 40px 50px

C、
margin:20px 50px 30px 40px

D、
margin-top:20px 30px 40px 50px

我的答案：C

3【单选题】

将一个盒子的上边框定义为1像素、蓝色、单实线，下列代码正确的是（）。

A、
border-top：1px solid #00f;

B、
border：1px solid #00f;

C、
border-top：1px dashed #00f;

D、
border：1px dashed #00f;

我的答案：A

4【多选题】

下列关于网页布局方式描述正确的是（）

A、
网页布局主要分为固定式布局、流式布局、响应式布局三种形式的布局方式

B、
固定式布局是指利用固定的大小宽度去布局网页的尺寸

C、
流式网页布局可以根据浏览器的宽度和屏幕的大小自动调整效果

D、
响应式网页布局是一种糅合了流式布局，再搭配媒体查询技术使用的网页布局方式

我的答案：ABCD

5【多选题】

在CSS中，下列选项（）属于BOX模型的属性。

A、
font

B、
margin

C、
border

D、
visible

我的答案：BC

6【多选题】

下列关于border的具体的参数设置描述正确的是（）。

A、
可以一次只设置一个属性（如top），也可以按“上à右à下à左”的顺序一起设置，各个属性取值之间用空格分隔

B、
当边框宽度有3个参数时，将按“上à左+右à下”的顺序作用到边框上

C、
当边框宽度有2个参数时，将按“上+下à左+右”的顺序作用到边框上

D、
当边框宽度有1个参数时，四个方向的边框宽度取值相同

我的答案：ABCD

7【判断题】

CSS盒模型是指在页面布局中，为了将页面元素合理有效地组织在一起，形成的一套完整、行之有效的原则和规范。

我的答案：√

8【判断题】

CSS盒主要是由margin（外边距）、border（边框）、padding（内边距）和content（内容）四个部分组成，此外，还有高度和宽度两个辅助属性。

我的答案：√

9【判断题】

内容区拥有width、height和overflow三个属性，其中overflow属性用来指定溢出内容的处理方式，属性取值主要有visible、hidden、scroll、auto四种

我的答案：√

10【判断题】

border（边框）是指围绕元素的内容和内边距的一条或多条线，拥有多种属性。可以利用这些属性分别对top（顶部）、right（右边）、bottom （底部）、left（左边）进行设置

我的答案：√

8.2随堂测验已完成
1【单选题】

在CSS中，可以通过float属性为元素设置浮动，以下选项中不属于float属性值的是（）。

A、
left

B、
center

C、
right

D、
none

我的答案：B

2【单选题】

在CSS中，如果要清除浮动层对文本的影响，下列说法正确的是（）。

A、
为浮动层增加clear属性，并设置其属性为both

B、
为浮动层增加clear属性，并设置其属性为none

C、
为放置文本的标签增加clear属性，并设置其属性为none

D、
为放置文本的标签增加clear属性，并设置其属性为both

我的答案：D

3【单选题】

CSS中position:fixed表示（）。

A、
相对于浏览器窗口进行定位

B、
相对于它在原文档流的位置进行定位

C、
相对于其上一个已经定位的父元素进行定位

D、
相对于父元素进行定位

我的答案：A

4【单选题】

使用float或position属性布局两栏或多栏内容时，会因为内容高度不同而使得底部很难对齐，CSS3中（）可以解决这个问题。

A、
columns

B、
columns-gap

C、
columns-rule

D、
columns-span

我的答案：A

5【多选题】

下列关于元素定位描述正确的是（）。

A、
元素定位主要是通过CSS定位实现网页元素的精确定位。元素的定位属性主要包括定位模式和边偏移两部分

B、
相对定位是将元素相对于它在标准文档流中的位置按指定偏移移动到新位置，移动后元素形状不变，原本位置所占空间也继续保留

C、
绝对定位是将元素依据最近的已经定位的父元素进行定位，若所有父元素都没有定位，依据body根元素（浏览器窗口）进行定位，移动后元素形状不变，原本位置所占空间不保留

D、
固定定位，其本质是绝对定位的一种特殊形式，它以浏览器窗口作为参照物来定义网页元素

我的答案：ABCD

6【判断题】

在CSS当中有三种基本的定位机制：普通流、浮动和绝对定位。其中普通流是默认的一种定位机制,浮动流和绝对定位分别通过float属性和position属性来定位。

我的答案：√

7【判断题】

元素定位主要就是通过CSS定位实现网页元素的精确定位。元素的定位属性主要包括定位模式和边偏两部分。

我的答案：√

8【判断题】

相对定位是将元素相对于它在标准文档流中的位置按指定偏移移动到新位置，移动后元素形状不变，原本位置所占空间也继续保留。

我的答案：√

9【判断题】

固定定位是将元素依据最近的已经定位的父元素进行定位，若所有父元素都没有定位，则依据body根元素（浏览器窗口）进行定位。移动后元素形状不变，原本位置所占空间不保留。

我的答案：×

10【判断题】

CSS3 弹性盒是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。

我的答案：√

8.3.2 随堂测试已完成
1【单选题】

采用DIV+CSS设计页面布局的优势不包括（）。

A、
减少页面冗余代码

B、
更容易修改和维护

C、
容易被搜索引擎收录

D、
可以轻松控制页面布局

我的答案：B

2【单选题】

下列（）不属于常见的页面布局的方式。

A、
流式布局

B、
固定布局

C、
静态布局

D、
弹性布局

我的答案：C

3【单选题】

在CSS中，为页面中的某个DIV标签设置样式div{width:200px;padding:0 20px; border:5px;}，则该标签的实际宽度为（）。

A、
200px

B、
220px

C、
240px

D、
250px

我的答案：D

4【单选题】

如果要使多个DIV并列排列，应使用（）。

A、
margin

B、
float

C、
content

D、
cle

我的答案：B

5【多选题】

下面情况下，哪些会发生margin属性的叠加（　　）。

A、
元素的顶边界与前面元素的底边界发生叠加

B、
元素的顶边界于父元素的顶边界发生叠加

C、
元素的顶边界于底边界发生叠加

D、
空元素中已经叠加的边界与另一个空元素的边界发生叠加。

我的答案：ABCD

6【多选题】

关于下列代码片段分析正确的是（　　）。

a {display:inline-block;

width:100px;

height:30px;

border:1px solid red;

}

</style>

A、
以上代码用于超链接标签的样式

B、
超链接将以块状方式显示

C、
超链接的宽度为100px,高度为30px

D、
超链接在同一行显示。

我的答案：ABD

7【判断题】

一个大div块里包含一个小的div，设置小的div与大div的左边距5px样式的标准写法是margin-left:5px。

我的答案：×

8【判断题】

定义盒模型的外间距时不能取负值。

我的答案：×

9【判断题】

nav标签通常代表网页中的导航区块。

我的答案：√

10【判断题】

div标签显示时将独占一行。

我的答案：√

8.3.4 随堂测试已完成
1【单选题】

关于CSS3中的columns属性，下列说法正确的是（）。

A、
用于返回单元格的列号

B、
仅指定多列布局的列宽度

C、
仅指定多列布局的列数

D、
指定多列布局的列宽度和列数

我的答案：D

2【单选题】

样式代码div{columns-gap:10px}的含义是（）。

A、
多列布局的列宽度为10px

B、
多列布局的列间距为10px

C、
列间隔线宽为10px

D、
以上都不对

我的答案：B

3【单选题】

若父元素宽度为400px，列间距为20px，则样式代码div{columns:auto 4}设置的列宽度为（）。

A、
100px

B、
340px

C、
85px

D、
80px

我的答案：C

4【单选题】

在多列布局中，column-count属性用于设置列数，关于它的属性取值，下列说法正确的是（）。

A、
可取为auto

B、
可取0

C、
可取负值

D、
可取任意值

我的答案：A

5【多选题】

下列属性中，哪些属于多列设置的属性(　　）。

A、
column-rule-width

B、
column-count

C、
column-span

D、
column-rule-style

我的答案：ABCD

6【判断题】

多列布局设置列宽40px，列数为2，若浏览器宽度小于80px，则显示时缩减宽度，仍显示2列。

我的答案：×

7【判断题】

目前，并不是所有浏览器都支持多列布局的columns-span属性。

我的答案：√

8【判断题】

在多列布局设置中“column-gap: normal”规定列间距为一个常规的间隔，W3C建议的值是1px。

我的答案：×

9【判断题】

在多列布局设置中如果没有设置columns-rule属性，则默认其属性取值为：medium none black。

我的答案：√

10【判断题】

在多列布局设置中“ columns-span:all”规定横跨所有列。

我的答案：√

8.5.2 随堂测试已完成
1【单选题】

若将弹性盒中的子元素按序正向从左到右横排，下列样式代码正确的是（）。

A、
flex-direction: row

B、
flex-direction: row-reverse

C、
flex-direction: column

D、
flex-direction: column-reverse

我的答案：A

2【单选题】

弹性子元素的样式代码“ justify-content: space-between”的含义是（）。

A、
子元素位于容器的中心

B、
子元素位于各行之间留有空隙的容器内

C、
子元素位于各行之前、之间、之后都留有空白的容器内

D、
子元素位于容器的开头

我的答案：B

3【单选题】

若设置弹性盒中子元素纵向的对齐方式，应选择（）属性。

A、
align-content

B、
align-self

C、
align-items

D、
justify-content

我的答案：C

4【单选题】

若父元素的宽度为800px，三个子元素的总宽度是400px,三个元素的flex属性分别设置如下

元素1为“flex:1 1 100px;”

元素2为“flex:2 0 200px;”

元素3为“flex:1 1 100px;”

则元素1显示的宽度为（）。

A、
100px

B、
200px

C、
300px

D、
400px

我的答案：B

5【多选题】

弹性盒子分为（ )布局形式。

A、
横向

B、
纵向

C、
前向

D、
后向

我的答案：AB

6【判断题】

定义某个选择器为弹性盒子的属性为flex。

我的答案：×

7【判断题】

子元素的属性“flex-wrap”默认值为nowrap。

我的答案：√

8【判断题】

order属性用于定义弹性盒子元素的排列顺序。

我的答案：√

9【判断题】

弹性盒子元素的flex属性设置为“flex :1 1 100px“代表该元素的宽度为100px，且不会因父元素宽度的变化而变化。

我的答案：×

10【判断题】

一旦将 display 属性设置为 flex ，无序列表中的每个列表项将自动变为从左到右横向排列。（

我的答案：√

8.6.2 随堂测试已完成
1【单选题】

若将网页元素变成灰色，下列样式代码正确的是（）。

A、
filter: sepia（1）

B、
filter: grayscale(0.5)

C、
filter: invert(0.5)

D、
filter: blur(0.5)

我的答案：A

2【单选题】

若想调整网页元素的对比度，下列样式代码正确的是（）。

A、
filter: brightness(0.5)

B、
filter: saturate(2)

C、
filter:contrast(2)

D、
filter:opacity(0.5)

我的答案：C

3【单选题】

若对网页元素进行缩放变换，可以采用（）属性进行恰当的设置来实现。

A、
transition

B、
filter

C、
background

D、
transform

我的答案：D

4【单选题】

在下列函数中，可将网页元素做旋转变换的是（）。

A、
translate（）

B、
rotate()

C、
scale()

D、
skew()

我的答案：B

5【多选题】

下列属性取值中，可作为过渡属性的速度类型设置的是（ )。

A、
skew

B、
linear

C、
ellipse

D、
ease

我的答案：BD

6【判断题】

filter: opacity(2)可实现网页元素的透明效果。

我的答案：×

7【判断题】

子元素的属性“flex-wrap”默认值为nowrap

我的答案：√

8【判断题】

order属性用于定义弹性盒子元素的排列顺序。

我的答案：√

9【判断题】

弹性盒子元素的flex属性设置为“flex :1 1 100px“代表该元素的宽度为100px，且不会因父元素宽度的变化而变化。

我的答案：×

10【判断题】

一旦将 display 属性设置为 flex ，无序列表中的每个列表项将自动变为从左到右横向排列。

我的答案：√

9.1.4 随堂测试(nine)
1【单选题】

下列选项中描述错误的是（）。

A、
Java是传统编程语言，JavaScript是脚本语言

B、
Java语言多用于客户端，Javascript主要用于服务器端

C、
Java不能直接嵌入到网页中运行，JaveScript程序可以直接嵌入到网页中运行

D、
Java和Javascript语法结构存在差异

我的答案：B

2【单选题】

在HTML5文件中使用JavaScript代码时，当浏览器读到（）时，就解释其中的脚本。

A、
<script>标签

B、
<head>标签

C、
</script>标签

D、
</head>标签

我的答案：A

3【单选题】

下列关于JavaScript语法描述错误的是（）。

A、
JavaScript程序按照在HTML文件中出现的顺序执行。

B、
要严格区分字母大小写

C、
每行结尾必须有分号

D、
有两种注释方法：单行注释和多行注释

我的答案：C

4【单选题】

下列关于JavaScript中变量命名规则的描述，错误的是（）。

A、
变量名不能包含空格

B、
不能使用JavaScript中的关键字和保留字作为变量名

C、
变量名要严格区分大小写

D、
必须以字母或数字开头

我的答案：D

5【单选题】

下列运算符优先级最高的是（）。

A、
++自加运算符

B、
&&逻辑与

C、
||逻辑或

D、
（）括号

我的答案：D

6【多选题】

JavaScript的作用有（）。

A、
动态改变网页内容

B、
动态改变网页外观

C、
验证表单数据

D、
响应事件

我的答案：ABCD

7【多选题】

下列关于JavaScript函数的描述中，正确的是（）。

A、
要先定义后使用

B、
JS函数一般定义在HTML文件的头部或外部JS文件中

C、
函数的定义可以在HTML文件的主体body标记中的任何位置

D、
函数需要在每次使用的时候重新定义

我的答案：ABC

8【判断题】

条件运算符的基本语法格式为，条件表达式？表达式1：表达式2，它的含义是先计算条件表达式，若结果为true，计算表达式2，若结果为false，计算表达式1。（）

我的答案：×

9【判断题】

在HTML5中使用JavaScript有两种方法，分别是内嵌式和外链式。（）

我的答案：√

10【判断题】

无论是编程语言还是脚本语言，程序的基本结构都是顺序结构、选择结构、循环结构。（）

我的答案：√

9.2.2 随堂测试已完成
1【单选题】

系统预先定义好的，直接使用的对象称为（）

A、
内置对象

B、
宿主对象

C、
自定义对象

D、
日期对象

我的答案：A

2【单选题】

浏览器对象又被叫做是（）

A、
自定义对象

B、
内置对象

C、
字符串对象

D、
宿主对象

我的答案：D

3【单选题】

字符串对象是常用的对象之一，下列语句正确的是（）。

A、
var string1= “Hello”;

B、
var string2 “Hello”;

C、
var string3= Hello;

D、
var string4= “Hello”

我的答案：A

4【单选题】

在字符串对象中，将指定的字符串替换为新字符串的方法是（）。

A、
CharAT

B、
indexOF

C、
replace

D、
spilit

我的答案：C

5【多选题】

下列属于内置对象的是（）

A、
字符串对象

B、
数学对象

C、
数组对象

D、
浏览器对象

我的答案：ABC

6【多选题】

字符串对象的属性包括（）

A、
constructor

B、
length

C、
prototype

D、
PI

我的答案：ABC

7【判断题】

对象就是一组属性与方法的集合。

我的答案：√

8【判断题】

字符串对象是常用的对象之一，可提供诸多方法实现字符串检查、抽取、连接、分隔等字符串相关操作。

我的答案：√

9【判断题】

在JavaScript中对象分为内置对象、宿主对象和自定义对象三种。

我的答案：√

10【判断题】

字符串对象方法toLowerCase()，是将字符串对象转换为大写。

我的答案：×

9.3.2 随堂测试已完成
1【单选题】

关于数学对象的描述中错误的是（）

A、
math对象包含一些常用的属性和方法

B、
Math对象拥有构造函数

C、
Math对象无需创建

D、
可以直接通过属性对象.属性名调用

我的答案：B

2【单选题】

以下（）表达式产生一个0-7之间（含0,7）的随机整数。

A、
Math.floor(Math.random()*6)

B、
Math.floor(Math.random()*7)

C、
Math.floor(Math.random()*8)

D、
Math.ceil(Math.random()*8)

我的答案：C

3【单选题】

返回数字的平方根的方法是（）。

A、
random()

B、
pow（x,y）

C、
Sqrt(x)

D、
exp(x)

我的答案：C

4【单选题】

返回某数四舍五入之后保留x位小数的方法是（）。

A、
toFixed(x)

B、
toPrecision(x)

C、
floor(x)

D、
round(x)

我的答案：A

5【单选题】

下列关于数学对象的方法的描述中错误的是（）。

A、
abs(x)返回数字的绝对值

B、
ceil(x)对数字进行下取整

C、
exp(x)返回e的对数

D、
random()返回0-1之间的随机数

我的答案：B

6【多选题】

下列数学对象的属性中描述正确的是（）。

A、
LN2返回2的自然对数

B、
PI返回圆周率

C、
E返回算术常量e，即自然对数的底数

D、
SQRT2返回2 的平方根的倒数

我的答案：ABC

7【多选题】

JS针对数值对象，可实现对数值型小数位数的保留操作的方法有（）。

A、
toFixed（x）

B、
toPrecision（x）

C、
abs（x）

D、
floor（x）

我的答案：AB

8【判断题】

数学对象无需创建，通过把Math作为对象使用就可以调用其所有属性和方法。（）

我的答案：√

9【判断题】

JS中数学对象的用法大致可以分为“静态属性”和“静态方法”这两大类，几乎所有的前端运算都可以采取这两种方式解决。（）

我的答案：√

10【判断题】

Floor（x）方法可实现对数字进行上取整。（）

我的答案：×

9.4.2 随堂测试已完成
1【单选题】

产生当前日期的方法是（）

A、
Now（）

B、
Date（）

C、
new Date（）

D、
new Now（）

我的答案：C

2【单选题】

在JavaScript中，可以使用Date对象的（）方法返回一个月中的某一天。

A、
getDate

B、
getYear

C、
getMonth

D、
getTime

我的答案：A

3【单选题】

在JavaScript中，可以使用Date对象的（）方法设置Date对象中的年份。

A、
setDate()

B、
setFullYear()

C、
setSeconds()

D、
setTime()

我的答案：B

4【单选题】

关于JS中日期对象的格式转换，错误的是（）。

A、
toString()把 Date 对象转换为字符串

B、
toDateString()把 Date 对象的日期部分转换为字符串

C、
toLocaleString()根据本地时间格式，把 Date 对象转换为字符串

D、
toLocaleDateString()根据本地时间格式，根据本地时间格式，把 Date 对象转换为字符串

我的答案：D

5【单选题】

JS中日期及时间的获取方法中错误的是（）。

A、
Date()返回当日的日期和时间

B、
getTime()返回2000年 1 月 1 日至今的毫秒数

C、
getFullYear()从 Date 对象以四位数字返回年份

D、
getDate()从 Date 对象返回一个月中的某一天 (1 ~ 31)

我的答案：B

6【多选题】

下列日期对象的设置方法中描述正确的是（）

A、
setDate()设置 Date 对象中月的某一天 (1 ~ 31)

B、
setHours()设置 Date 对象中的小时 (0 ~ 23)

C、
setFullYear()设置 Date 对象中的年份

D、
setSeconds()设置 Date 对象中的秒钟 (0 ~ 59)

我的答案：ABCD

7【多选题】

创建日期对象的方法有（）

A、
new Date()

B、
new Date(日期字符串)

C、
new Date(年,月,日,[时,分,秒,毫秒]);

D、
new Date(毫秒)

我的答案：ABCD

8【判断题】

JavaScript脚本内置了本地对象Date，该对象可以表示从毫秒到年的所有时间和日期。

我的答案：√

9【判断题】

SetTimeout用于设置一个计时器，在指定的时间间隔后调用函数或计算表达式，可以多次执行。

我的答案：×

10【判断题】

语句var date=new Date(1000000000000)的返回结果为Sun Sep 09 2001 09:46:40 GMT+0800。

我的答案：√

9.5.2 随堂测试已完成
1【单选题】

分析下面的Javascript代码段，输出结果是（）。

var mystring=”I am a student”;

var a=mystring.substring(9,13);

document.write(a);

A、
stud

B、
tuden

C、
uden

D、
udent

我的答案：C

2【单选题】

JS中返回一个字符串，该字符串包含数组中所有元素，各元素间用逗号分隔的方法是（）。

A、
toString

B、
reverse()

C、
shift()

D、
pop()

我的答案：A

3【单选题】

分析下面的Javascript代码段，输出结果是（）。

Var s1=parseInt(“101中学”);

Document.write(s1);

A、
101

B、
NaN

C、
101中学

D、
出现脚本错误

我的答案：A

4【单选题】

在Javascript数组对象方法中，（）可以实现删除最后一个元素，返回最后一个元素。

A、
concat(数组1,数组2,…)

B、
pop()

C、
unshift(元素1,元素2,…)

D、
sort()

我的答案：B

5【单选题】

JavaScript中创建数组对象使用的关键字是（）。

A、
abstract

B、
string

C、
super

D、
New

我的答案：D

6【单选题】

下列语句中，描述错误的是（）。

A、
var a=new Array();声明数组a，长度为0

B、
var b=new Array(10);声明一个数组元素为10的数组

C、
var c=new Array(1,2,3,4);声明数组c并为元素赋值为1,2,3,4

D、
var d=new Array(10);声明数组d，长度为10

我的答案：B

7【多选题】

下列数组对象方法的描述中，正确的是（）。

A、
shift()删除第一个元素，返回第一个元素

B、
unshift(元素1,元素2,…)添加元素至数组开始处

C、
sort()排序数组

D、
push(元素1,元素2,…)添加元素，返回添加元素的长度

我的答案：ABC

8【判断题】

在JavaScript中，定义数组时不需要指定数组的数据类型，而且可以将不同类型的数据存放到一个数组中。

我的答案：√

9【判断题】

在JavaScript数组中的元素序列号是从1开始计算的，然后依次加1。

我的答案：×

10【判断题】

数组对象的属性非常少，最常用的属性为length，可以返回数组对象的长度，也就是数组中元素的个数。

我的答案：√

10.1.2 随堂测试(ten)
1【单选题】

在HTML文档对象模型中，history对象的（）用于加载历史列表中的下一个URL页面。

A、
next（）

B、
back（）

C、
forward（）

D、
go（）

我的答案：C

2【单选题】

在Javascript中要改变页面文档的背景色，需要修改document对象的（）属性。

A、
BackColor

B、
BackgroundColor

C、
BgColor

D、
Background

我的答案：C

3【单选题】

在JavaScript浏览器对象模型中，window对象的（）属性用来指定浏览器状态栏中显示的临时消息。

A、
status

B、
screen

C、
history

D、
Document

我的答案：A

4【单选题】

下列关于浏览器对象的说法错误的是（）。

A、
history对象记录了用户在一个浏览器中已经访问过的URLs

B、
location对象相当于IE浏览器中的地址栏，包含关于当前URL地址的信息

C、
location对象是history对象的父对象

D、
location对象是window对象的子对象

我的答案：C

5【单选题】

下列哪个选项中的对象与浏览列表有关（）。

A、
location，history

B、
window，location

C、
navigator，window

D、
historylist，location

我的答案：A

6【多选题】

在BOM对象模型中，下列选项中的（）对象位于BOM对象模型的第二层。

A、
history

B、
document

C、
button

D、
Text

我的答案：AB

7【多选题】

在JavaScript中，对于浏览器对象的层次关系理解正确的是（）。

A、
window对象是所有页面内容的根对象

B、
Document对象包含location对象和history对象

C、
Location对象包含history

D、
Document对象包含form对象

我的答案：A

8【判断题】

JavaScript使用location对象来访问窗体加载时当前文档的URL。

我的答案：√

9【判断题】

浏览器对象由JavaScript动态引擎自动创建，用于收集用户浏览页面时所用的浏览器信息，它与window对象一样是最上层对象。

我的答案：√

10【判断题】

Screen对象包含的属性可以修改。

我的答案：×

0.2.2 随堂测试已完成
1【单选题】

下列选项中，（）不是网页中的事件。

A、
onclick

B、
onmouseover

C、
onsubmit

D、
Onpressbutton

我的答案：D

2【单选题】

在html页面中，不能与onChange事件处理程序相关联的表单元素有（）

A、
文本框

B、
复选框

C、
列表框

D、
按钮

我的答案：D

3【单选题】

在HTML页面中，当按下键盘上的任意一个键时都会触发JavaScript的（）事件。

A、
onFocus

B、
onBlur

C、
onSubmit

D、
onKeyDonw

我的答案：D

4【单选题】

JAVASCRIPT的onSubmit事件的作用是（）。

A、
当一个表单中的对象被点击时，执行的 JavaScript 事件

B、
当用户提交一个表单时，需要执行的 JAVASCRIPT 事件

C、
当鼠标移出对象时发生的事件

D、
当一个鼠标指针从对象或区域之个移到对象或区域上时，调用的事件

我的答案：B

5【多选题】

下列对事件句柄的描述正确的是（）。

A、
onclick当鼠标被单击时触发事件

B、
onmousedown当鼠标按钮被按下时触发事件

C、
onmousemove当鼠标指针移动时触发事件

D、
onmouseup当鼠标按钮被松开时触发事件

我的答案：ABCD

6【多选题】

关于JAVASCRIPT事件，下列说法正确的是（）。

A、
事件是用户对浏览器所做的特定的动作（操作），是实现交互操作的一种机制

B、
对象发生改变时调用的事件是 onChange

C、
当一个表单中的对象被点击时，执行的 JavaScript 事件是 onClick

D、
当浏览器完成加载一个窗口或者加载完成框架集合中的所有框时，执行的 JavaScript 事件是 onLoad

我的答案：ACD

7【判断题】

按钮（button）对象支持onclick、onBlur、onFocus事件句柄。

我的答案：√

8【判断题】

加载的事件句柄代码在文档加载到浏览器窗口之前执行。

我的答案：×

9【判断题】

启动事件的两种绑定方式为静态绑定和动态绑定。

我的答案：√

10.3.2 随堂测试已完成
1【单选题】

关于定时器的写法正确的是（）。

A、
var timer = setInterval(1000,function(){})

B、
var timer = setTimerout(function(){},1000)

C、
var tiemr = setInterval(function atime(){},1000)

D、
var tiemr = setTimeout(atime,1000)

我的答案：D

2【单选题】

window的哪个方法可以弹出带文本输入框的对话框？（）。

A、
confirm()

B、
alert()

C、
prompt()

D、
open()

我的答案：C

3【单选题】

open()方法的哪个外观参数可以设置是否显示滚动条？( )。

A、
scrollbars

B、
location

C、
menubar

D、
toolbar

我的答案：A

4【单选题】

以下哪个对象可用来在浏览器窗口中载入一个新网址？（）。

A、
document.url

B、
window.location

C、
indow.url

D、
window.close

我的答案：B

5【多选题】

有关窗口对象的方法，下列说法正确的是（）。

A、
弹出警告信息用a l e r t(信息字串)

B、
显示确认信息对话框用confirm(信息字串)

C、
显示提示信息，并提供可输入的字段用prompt(提示字串[，默认值])

D、
将焦点移到该窗口，是用focus()

E、
进入浏览器设置的主页，可以使用home()

我的答案：ABCDE

6【多选题】

在JavaScript中，使用open( )方法实现弹出窗口时，能够控制窗口大小无法调节的选项是（）。

A、
window.open("show.html","弹出窗口","resizable=no");

B、
window.open("show.html","弹出窗口","resizable=yes");

C、
window.open("show.html","弹出窗口","resizable=0");

D、
window.open("show.html","弹出窗口","resizable=1");

我的答案：AC

7【判断题】

使用window.open制作弹出口时，不可以控制弹出窗口的位置。

我的答案：×

8【判断题】

status属性用于设置和返回窗口状态栏的默认文本。

我的答案：×

9【判断题】

location对象是window对象的子对象，它包含在窗口中显示文档的URL信息。

我的答案：√

10【判断题】

在JavaScript中，focus( )方法能使文本框失去焦点。

我的答案：×

10.4.2 随堂测试已完成
1【单选题】

关于文档对象模型（Document Object Model），如下说法错误的是（）。

A、
DOM能够以编程方式访问和操作web页面内容

B、
DOM允许通过对象的属性和方法访问页面中的对象

C、
DOM能够创建动态的文档内容，但是不能删除文档对象

D、
DOM也提供了处理事件的接口，它允许捕获和响应用户以及浏览器的动作。

我的答案：C

2【单选题】

假设要将网页文档的背景颜色动态修改为浅蓝色，那么在JavaScript程序应该使用下述（）语句。

A、
document.color=”lightblue”;

B、
docutment.fgColor=”lightblue”;

C、
document.bgColor=”lightblue”;

D、
document.URL=”lightblue”;

我的答案：C

3【单选题】

下列关于获取页面元素说法正确正确的是( )。

A、
document.getElementById(‘a’)是通过id值为a获取页面中的一个元素

B、
document.getElementsByName(“na”)是通过name属性值为na获取页面中的一个元素

C、
document.getElementsByTagName(“div”)是通过标签名获取去所有div;

D、
以上说法都不正确

我的答案：C

4【单选题】

某网页中有一个窗体对象，其名称是mainForm，该窗体对象的第一个元素是按钮，其名称是myButton，表述该按钮对象的方法是（）。

A、
document.forms.myButton

B、
document.mainForm.myButton

C、
document.forms[0].element[0]

D、
以上都可以

我的答案：B

5【单选题】

Javascript中制作图片代替按钮的提交效果需要手动提交方法submit()，以下调用正确的是（）。

A、
document. myform.submit()

B、
myform.submit()

C、
submit()

D、
window. myform.submit()

我的答案：A

6【多选题】

以下哪个是document对象包含的内容（）。

A、
文本域、按钮

B、
单选框、复选框

C、
状态栏

D、
下拉列表框

我的答案：ABD

7【判断题】

JavaScript的文档对象模型是树型结构的。

我的答案：√

8【判断题】

anchors对象是当前文档中所有超链接的集合。

我的答案：×

9【判断题】

document.images [1] 引用的是文档中第1个图像。

我的答案：×

10【判断题】

属性referrer可返回载入当前文档的URL。

我的答案：√

10.5.2 随堂测试已完成
1【单选题】

下列选项中，能获得文档中的第一个form对象的是（）

A、
document.forms(0)

B、
document.forms.0

C、
document.forms.item(0)

D、
document.forms[0]

我的答案：D

2【单选题】

某网页中有一个窗体对象，其名称是mainForm，该窗体对象的第一个元素是按钮，其名称是myButton，表述该按钮对象的方法是（）。

A、
document.forms.myButton

B、
document.mainForm.myButton

C、
document.forms[0].element[0]

D、
以上都可以

我的答案：B

3【单选题】

下列对表单对象的属性表述不正确的是（）。

A、
name:返回表单的名称

B、
action:返回/设定表单的提交地址

C、
target：返回/设定表单提交内容的编码方式

D、
length：返回该表单所含元素的数目

我的答案：C

4【多选题】

以下哪个是document对象包含的内容（）。

A、
文本域、按钮

B、
单选框、复选框

C、
状态栏

D、
下拉列表框

我的答案：ABD

5【多选题】

获取表单myform中文本框txt的值的是（）。

A、
document.all.txt.value

B、
form.myform.txt.value

C、
document.myform.txt.value

D、
document.getElementById(“txt”).value

我的答案：CD

6【多选题】

用来对文本框txt进行控空值验证的是（）。

A、
document.form1.txt.value==“”

B、
document.form1.txt.value=“”

C、
document.form1.txt.length==0

D、
document.form1.txt.value.length==0

我的答案：AD

7【判断题】

表单对象中target属性可设置或返回表单的名称。

我的答案：×

8【判断题】

method属性用于设置或返回将数据发送到服务器的HTTP方法

我的答案：√

9【判断题】

document.forms [1] 引用的是文档中第1个表单。

我的答案：×

10【判断题】

语句“<input type="text" onChange="alert(this value)">"的效果是：当文本框中内容发生改变后，单击页面的其他地方将弹出一个消息框显示文本框中的内容。

我的答案：√

太原理工web学习T答案相关推荐

太原理工web课程答案——web程序设计课程答案（第八章 CSS3页面布局）持续发布中——
8.1.2 1[单选题] 在CSS中,为页面中的某个DIV标签设置样式div{width:200px;padding:0 20px;border:5px:},则该标签的实际宽度为( ) A. 200 ...
太原理工 Web程序设计基础学某通（第二章 web前端开发概述）
2.5 随堂测试已完成 1[单选题] 在下列选项中,不属于Web前端开发任务的是( ). A. 页面布局 B. 页面交互 C. 通信协议 D. 页面特效我的答案:C 2[单选题] HTML5是 ...
太原理工 Web程序设计基础学某通（第六章音频和视频）
1[单选题] 在HTML中,可以使用( )标记向网页中插入视频. A. <src> B. <path> C. <video> D. <audio> ...
educoder太原理工web程序设计——移动端电商页面制作
第1关:移动端电商页面制作任务描述本关任务:用overflow属性实现移动端电商界面. <!doctype html> <html> <head> <me ...
太原理工电子信焦工程_电气工程及其自动化专业毕业后做什么工作？近几年就业和收入怎样...
本文内容为各大高校往届大学生真实的现身说法内容,但因为是往届,每年该专业的大学情况可能会发生略微变化,所以部分内容较今年,明年甚至以后几年,实际情况可能会略有不同但是对于本专业的相关信息还是非常有参 ...
太原理工和山西大学计算机,双一流建设后，山西大学和太原理工你更想去哪一个？...
原标题:双一流建设后,山西大学和太原理工你更想去哪一个? 山西大学是我国创办最早的三所国立大学之一,最初称山西大学堂.民国初改名为山西大学校,1918年确定为国立山西大学,1931年改名为山西大学. ...
Java Web 学习路线
Java Web 学习路线实际上,如果时间安排合理的话,大概需要六个月左右,有些基础好,自学能力强的朋友,甚至在四个月左右就开始找工作了. 大三的时候,我萌生了放弃本专业的念头,断断续续学 Java ...
Java Web 学习路线(2018)
实际上,如果时间安排合理的话,大概需要六个月左右,有些基础好,自学能力强的朋友,甚至在四个月左右就开始找工作了. 大三的时候,我萌生了放弃本专业的念头,断断续续学 Java Web 累计一年半左右,总 ...
太原理工计算机专硕好考吗,太原理工研究生好考吗
太原理工大学考研难度相对较大.太原理工是国家"211工程"重点建设高校,学校王牌专业:材料加工工程.化学工程与技术等专业,考研难度还是比较大的. 太原理工大学研究生学制.学费.学习 ...

太原理工web学习T答案

2.5（two）
1【单选题】

2.1随堂测验（three）
1【单选题】

3.2随堂测验(four)
1【单选题】

4.1节(five)
1【单选题】

(Six)

7.1随堂测验(seven)
1【单选题】

8.1随堂测验(eight)
1【单选题】

9.1.4 随堂测试(nine)
1【单选题】

10.1.2 随堂测试(ten)
1【单选题】

太原理工web学习T答案相关推荐

最新文章

热门文章

太原理工web学习T答案

2.5（two） 1【单选题】

2.1随堂测验（three） 1【单选题】

3.2随堂测验(four) 1【单选题】

4.1节(five) 1【单选题】

(Six)

7.1随堂测验(seven) 1【单选题】

8.1随堂测验(eight) 1【单选题】

9.1.4 随堂测试(nine) 1【单选题】

10.1.2 随堂测试(ten) 1【单选题】

太原理工web学习T答案相关推荐

最新文章

热门文章

2.5（two）
1【单选题】

2.1随堂测验（three）
1【单选题】

3.2随堂测验(four)
1【单选题】

4.1节(five)
1【单选题】

7.1随堂测验(seven)
1【单选题】

8.1随堂测验(eight)
1【单选题】

9.1.4 随堂测试(nine)
1【单选题】

10.1.2 随堂测试(ten)
1【单选题】