第一章测试

1. WWW 是 （ ）的意思。（ ） A:浏览器 B:万维网 C:网页 D:超文本传输协议

答案:B

2. 统一资源定位符是指：（ ） A:从一个网页指向另一个目标的连接关系。

B:Web服务器。 C:服务器地址。 D:因特网上标准的资源的地址。 答案:D

3. 以下属于浏览器的是：（ ） A:Mozilla Firefox B:Hbuilder C:Google Chrome

D:IE 答案:ACD

4. Web前端开发主要任务是信息内容的呈现和用户界面设计。（ ） A:错 B:对

答案:B

5. CSS（也称为层叠样式表）是用来呈现网页外观样式的一组规范，它可以定义网页的样式表现。（ ） A:对 B:错 答案:A

6. JavaScript是一种运行在的服务器端的脚本语言，使用Javascript可以开发交互式的Web页面。（ ） A:错 B:对 答案:A

7. Document Object Model文档对象模型，DOM与JavaScript结合起来实现了Web网页的行为与结构的分离。（ ） A:对 B:错 答案:A

8. BOM主要处理浏览器窗口和框架，常见的BOM窗口有Window对象、Navigator对象、Screen对象、History对象和Location对象。（ ） A:对 B:错 答案:A

9. AJAX即异步JavaScript和XML，是一种支持异步请求的技术。（ ） A:错 B:对 答案:B

10. 同一个HTML页面，在不同浏览器上的显示效果是一样的。（ ） A:对 B:错

答案:B

11. Web前端开发常用的技术有：（ ） A:HTML B:JavaScript C:CSS D:PHP 答案:ABC

12. 浏览器对HTML文档解析显示的结果就是我们平时看到的网页。（ ） A:对

B:错 答案:A

13. 下面哪一个工具用于Web前端开发？（ ） A:C++ B:Java C:Matlab

D:Hbuilder 答案:D

14. 在URL地址中多个参数之间使用（）进行分割。（ ） A:& B:- C:| D:+ 答案:A

15. Web是一种分布式应用结构。（ ） A:对 B:错 答案:A

第二章测试

1. 下列哪个是用于定义标题的标签（ ） A:p B:hr C:h1 D:hw 答案:C

2. html中的注释标签是（ ） A:<–! –> B:<– –!> C:<– –> D: 答案:D

3. 哪两个属性可用于表格的合并单元格（ ） A:trspan B:rowspan C:colspan

D:tdspan 答案:BC

4. 下面的哪个标签定义了浏览器工具栏的标题（ ） A:head B:body C:html

D:title 答案:D

5. HTML 元素可以设置属性，属性总是以名称/值对的形式出现。（ ） A:错 B:对 答案:B

6. 所有的 HTML 标记符都包括开始标记符和结束标记符。（ ） A:错 B:对 答案:A

7. B 标记符表示用粗体显示所包括的文字。（ ） A:对 B:错 答案:A

8. HTML 表格在默认情况下有边框。（ ） A:错 B:对 答案:A

9. 创建图象映射时，理论上可以指定任何形状作为热点。（ ） A:对 B:错 答案:A

10. 指定滚动字幕时，不允许其中嵌入图象。（ ） A:错 B:对 答案:A

11. 使用 FONT 标记符的 size 属性可以指定字体的大小。（ ） A:对 B:错 答案:A

12. 以下有关表单的说明中，错误的是（ ） A:在 FORM 标记符中使用 action 属性指定表单处理程序的位置。 B:在 FORM 标记符中使用 method 属性指定提交表单数据的方法。 C:表单通常用于搜集用户信息 D:表单中只能包含表单控件，而不能包含其他诸如图片之类的内容。 答案:D

13. 如果要在表单里创建一个普通文本框，以下写法中正确的是（ ） A:

type=“checkbox”> B: C: D:

type=“password”> 答案:B

14. 要定义表单元素中的密码框，input标签中type属性应设为password。（ ）

A:对 B:错 答案:A

15. 要实现表单元素中的复选框，input标签的type属性应设为（ ） A:text

B:select C:radio D:checkbox 答案:D

16. 定义表单所用的标签是（ ） A:input B:select C:table D:form 答案:D

第三章测试

1. 下列哪种方式是用类选择器定义样式的（ ） A:p{color:inherit;}

B:p,h1{color:inherit;} C:#two{color:inherit;} D:.one{color:inherit;} 答案:D

2. 下列样式定义字体为宋体、字体颜色为红色、斜体、大小20px、粗细800号，正确的定义是：（ ） A:p {font-family：20px；font-size：宋体；font-weight：800；color:inherit;font-style：italic； } B:p {font-family：20px；font-size：800；font-weight：宋体；color:inherit;font-style：italic； } C:p

{font-family：宋体；font-size：20px；font-weight：800；color:inherit;font-style：italic； } D:p{font-family：800；font-size：20px；font-weight：red；color:inherit;font-style：宋体； } 答案:C

3. 下列样式定义字体间距为0.5倍间距、水平左对齐、垂直顶端对齐、有下划线，正确的定义是：（ ） A:p{text-decoration：left；letter-spacing：top；vertical-align：0.5em；text-align：underline； } B:p{text-decoration：underline；letter-spacing：0.5em；vertical-align：top；text-align：left； }

C:p{text-decoration：underline；letter-spacing：0.5em；vertical-align：left；text-align：top； } D:p{text-decoration：0.5em；letter-spacing：underline；vertical-align：top；text-align：left； } 答案:B

4. 在 html 中，下列几条关于样式表优点的说法错误的是（ ） A:样式表可以使页面内容和显示样式分离 B:样式表不可以重用 C:一个样式表对应一个 html

文档 D:样式表可以改变浏览器的默认显示风格 答案:BC

5. 要在html标签中应用css类选择器所定义的样式，要设置标签的（ ） 属性。（ ） A:class B:src C:name D:id 答案:A

6. 在html文件中引用文件中的样式，方法是（ ） A:

import=“” type=“text/css” rel=“stylesheet”> B:

type=“text/css” rel=“stylesheet”> C:

rel=“stylesheet”> D: 答案:B

7. 下列选项中，用于改变盒子模型内填充的是（ ） A:padding B:margin C:type

D:border 答案:A

8. 下列选项中，可清除元素默认外边距的是（ ） A:line-height:0; B:font-size:0;

C:padding:0; D:margin:0; 答案:D

9. 下列选项中，属于引入CSS样式表的方式是（ ） A:内嵌式 B:行内式 C:旁引式 D:外链式 答案:ABD

10. 下列选项中，用于设置首行文本缩进的属性是（ ） A:text-indent B:text-shadow C:white-space D:text-overflow 答案:A

11. 使用position：relative；可以将元素的定位模式设定为绝对定位。（ ） A:对 B:错 答案:B

12. CSS选择器中的属性选择器，可以根据元素的属性和属性值来选择元素。（ ） A:对 B:错 答案:A

13. 使用CSS设置背景图像的的方法是：background-image: url(图像文件地址)；（ ） A:错 B:对 答案:B

14. 在设置边框宽度时，必须同时设置边框样式，否则设置的宽度无效。（ ）

A:错 B:对 答案:B

第四章测试

1. 实现下拉列表框，要用到一下哪几个标签?（ ） A:radio B:option C:select

D:input 答案:BC

2. 要把多个单选框设为一组，即一组之中只有一个可被选定，应把每个单选框的value属性的值设为相同。（ ） A:对 B:错 答案:B

3. 用户可以在表单中通过text元素创建一个多行文本框，用来输入较长的文本数据。（ ） A:对 B:错 答案:B

4. HTML5的新增元素中，header元素是一种具有引导和导航作用的结构元素，该元素可以包含所有通常放在页面头部的内容。（ ） A:错 B:对 答案:B

5. HTML5关于的分组元素有哪些？（ ） A:figcaption B:hgroup C:figure

D:article 答案:ABC

6. 以下有关按钮的说法中，错误的是（ ） A:可以用图像作为重置按钮。 B:可以控制提交按钮上的显示文字。 C:可以用图像作为提交按钮。 D:可以控制重置按钮上的显示文字。 答案:A

7. 为了解决各浏览器对不同视频和音频格式不完全支持的问题。在HTML5中，运用source 元素可以为video元素或audio元素提供多个备用文件。浏览器将使用第一个支持的音频文件。（ ） A:错 B:对 答案:B

8. 要创建一个电子邮件地址文本框，可以是使用如下语句：（ ） A:请输入您的邮箱： B:请输入您的邮箱： C:请输入您的邮箱：

type=“email” name=“formmail”/> D:请输入您的邮箱：

name=“formmail”/> 答案:C

9. HTML5 中通过video元素来包含视频。该标记支持三种视频格式，分别为MP4、WebM、Ogg。（ ） A:错 B:对 答案:B

第五章测试

1. border-radius:20px 30px;表示设置左上角与右下角的的圆角半径为20px，右上角与左下角的圆角半径为30px。（ ） A:对 B:错 答案:A

2. 下面与边框图片有关的属性是：（ ） A:border-image-width B:border-image-repeat C:border-image-source D:border-image-slice 答案:ABCD

3. CSS3可以通过属性transform实现2D或3D变换。（ ） A:错 B:对 答案:B

4. CSS3可以实现的2D转换有：（ ） A:旋转 B:平移 C:倾斜 D:缩放 答案:ABCD

5. 要将元素向右平移50px，向下平移30px，可以通过下面哪个实现？（ ）

A:translate(50px,30px); B:skew(30px,50px); C:translate(30px,50px);

D:skew(50px,30px); 答案:A

6. 下面能实现放大功能的是：（ ） A:scale(-1,-2); B:scale(0.5,0.5); C:scale(2,3);

D:scale(1,1); 答案:C

7. skew(20deg,50deg)表示元素顺时针倾斜20度，逆时针倾斜50度。（ ） A:错 B:对 答案:A

8. rotate()方法的参数是一个度数，当参数大于0时，表示顺时针旋转，当参数小于0时，表示逆时针旋转。（ ） A:错 B:对 答案:B

9. 使用transition属性设置多个过渡效果时，它的各个参数必须按照顺序进行定义，不能颠倒。（ ） A:对 B:错 答案:A

10. 在CSS3中，@keyframes规则用于创建动画。（ ） A:对 B:错 答案:A

11. 下面的代码设置的效果是：p{column-count:3;column-gap:40px;column-rule:4px green;} （ ） A:列数为3，列间隙40px，边框宽度为3px，边框颜色为蓝色 B:列数为4，列宽度40px，边框宽度为3px，边框颜色为绿色 C:列数为3，列间隙40px，边框宽度为4px，边框颜色为绿色 D:列数为3，列宽度40px，边框宽度为3px，边框颜色为绿色 答案:C

12. 要给文本添加阴影，可以使用哪个属性设置？（ ） A:box-shadow B:text-shadow C:word-wrap D:text-overflow 答案:B

13. text-overflow:ellipsis;表示当文本溢出时，显示省略标记”…“.（ ） A:错 B:对

答案:B

14. 下面哪个属性用于指定列之间边框的样式？（ ） A:column-rule-gap

B:column-rule-style C:column-rule-width D:column-rule-color 答案:B

15. 目前所有浏览器都完全支持 CSS3 的特性。（ ） A:错 B:对 答案:A

第六章测试

1. alert方法的作用是 （ ） A:弹出输入对话框，该对话框的可让用户输入内容。

B:弹出确认对话框，该对话框的要用户选择“确认”或“取消”。 C:弹出对话框，该对话框的内容是该方法的参数内容。 D:弹出新窗口。 答案:C

2. 分析以下JavaScript程序var x=prompt(“请输入1-5的数字！”,“”);switch

(x)case “1”:alert(“one”);case “2”:alert(“two”);case “3”:alert(“three”);case

“4”:alert(“four”);case “5”:alert(“five”);default:alert(“none”);运行以上程序，在提示对话框中输入“4”，依次弹出的对话框将输出: （ ） A:five,none B:five

C:four,five,none D:four,none 答案:C

3. 鼠标移入事件和鼠标移出事件分别是（ ） A:onmousedown，onmouseup

B:onmouseout，onmouseover C:onmouseover，onmouseout D:onmouseup,

onmousedown 答案:C

4. 在JavaScript程序中加入注释，方法有（ ） A:/注释内容 B:/注释内容/ C://注释内容 D:/*注释内容 答案:BC

5. 以下JavaScript变量名不合法的有（ ） A:My@variable B:4Myvariable

C:Myvariable4 D:function 答案:ABD

6. history对象中能实现网页后退效果的方法是（ ） A:go(1) B:back( )

C:forward( ) D:go(-1) 答案:BD

7. 看以下JavaScript程序var a,b,c;a=“2”；b=2；c=a+b;运行以上程序后，变量c的值为”22”。（ ） A:错 B:对 答案:B

8. 分析以下JavaScript程序*var i;i=8；do{i++;}while(i>100);运行以上程序后，变量i的值为8。（ ） A:错 B:对 答案:A

9. 在 html 中，使用外部 JS 文件的语句为（ ） A: B:

C: D: 答案:C

10. 在 html 中，下列列表框的某一项被选中时将触发哪个事件？（ ） A:Click

B:onLoad C:onChange D:onFocus 答案:C

11. 在Math对象中，获取绝对值的方法为（ ） A:floor（） B:pow（）

C:random（） D:abs（） 答案:D

12. 分析以下代码，调用函数factorial(4)的结果是什么？function factorial(n)

{ // 定义回调函数if (n == 1) {return 1; // 递归出口}return n * factorial(n -

1);} （ ） A:1 B:2 C:4 D:24 答案:D

13. 下列哪个不属于JS事件绑定方式（ ） A:事件监听 B:嵌入式 C:动态绑定式 D:行内绑定式 答案:B

14. 要将页面内id属性为title的h1标题设置其显示的内容为“今日新闻”，可以使用下面那个语句？（ ）答案:D

15. 关于代码mentsByTagName(‘li’);（ ）下面那个选项是错误的是 A:可以通过索引来获取指定li元素 B:返回值是一个类似于数组的集合

C:返回值是一个数组 D:获取了文档中所有的li元素 答案:C

第七章测试

1. 根据指定的类名可匹配所有元素的是（ ） A:$("div") B:$(“li,p,div”)

C:$(".title") D:$(“#title”) 答案:C

2. jQuery对象声明，是通过（）符号来实现的。（ ） A:￥ B:& C:@ D:$ 答案:D

3. 以下可以获取表单中所有被选中的复选框的是（ ） A:其余答案都不正确

B::checked C::checkbox D::selected 答案:C

4. jQuery选择器中，通过符号（）可获取父元素下的所有子元素。（ ） A:空格 B:> C:+ D:~ 答案:B

5. 以下选项中可以获取前三项