网页设计与制作项目教程(HTML+CSS+JavaScript)(容易)

《 网页设计与制作项目教程（）（容易）》试卷

得分

一、单选题（每题2分，共计30分）

1． 使用内嵌式添加样式，样式需要写在( )。（ ）

A、;标记之间

B、;标记之间

C、;标记之间

D、;标记之间

2． < />标记链接图片的属性是（ ）。（ ）

A、

B、

C、

D、

3． 在页面中，下列选项除了（）都属于鼠标相关事件。（ ）

A、

B、

C、

D、 4． 在文档头部标记中，使用<>标记的和属性可以为搜索引擎提供信息。设置网页关键字的属性值应该为（ ）。（ ）

A、

B、

C、

D、

5． 属性用于控制英文字符的大小写。下列选项中，不属于其属性值的是（ ）。（ ）

A、

B、

C、

D、

6． 认真阅读下面代码，并按要求进行作答。<> 9 (i>8)?100:9();<>在以上语句执行后，输出的结果是（ ）（ ）

A、8

B、9

C、100

D、

7． 下面的选项中, 行内式样式的基本语法格式正确的是（ ）（ ）

A、;标记名 属性1:属性值1; 属性2:属性值2; ; 内容 标记名;

B、;标记名 ：;属性1:属性值1; 属性2:属性值2; ; 内容 标记名;

C、;标记名 ;属性1:属性值1, 属性2:属性值2; 内容 标记名;

D、;标记名 ;属性1:属性值1; 属性2:属性值2; ; 内容 标记名; 总分 题号 一 二 三 四 五

题分

得分 8． 在中，事件处理的过程通常分为（）步。（ ）

A、2

B、3

C、4

D、5

9． 下列选项中，关于浏览器对象的说法错误的是（ ）。（ ）

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

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

C、对象是对象的父对象。

D、对象是对象的子对象。

10． 在下列属性中，用来定义文本字体大小的是（ ）。（ ）

A、

B、

C、

D、

11． 在定义列表中，用于对名词进行解释和描述的标记是（ ）（ ）

A、;

B、;

C、;

D、;

12． 下面选项中，可以将页面的标题设置为“传智播客”的是（ ）。（ ） A、;传智播客;

B、;传智播客;

C、;传智播客;

D、;传智播客;

13． 在文档头部标记中，使用<>标记的和属性可以为搜索引擎提供信息。设置网页描述的属性值应该为（ ）。（ ）

A、

B、

C、

D、

14． 下面一段代码的输出结果是（ ）(0<10){(;);}（ ）

A、输出0到9

B、输出1到9

C、输出10个i

D、输出0到10

15． 下列选项中，用于更改元素左内边距的是（ ）。（ ）

A、

B、

C、

D、

得分 二、多选题（每题3分，共计15分）

16． 关于的描述，下列说法错误的是（ ）。（ ）

A、单元格设置外边距属性不能生效

B、单元格设置内边距属性不能生效

C、标签可以设置内边距和外边距属性，并且均能生效

D、以上说法均错误

17． 下列选项中，属于<>标记属性的是（ ）。（ ）

A、

B、

C、

D、

18． 下列选项中，可用于定义背景颜色的是（ ）。（ ）

A、;

B、00;

C、(255,0,0);

D、00;

19． 在盒子模型中边框是一个重要的属性，下列选项中属于边框属性的是（ ）。（ ）

A、

B、

C、

D、 20． 在定义列表的基本语法中，<><>标记中需要嵌套（ ）标记。（ ）

A、;

B、;

C、;

D、;

得分

三、判断题（对的打“√”，错的打“×”；每题2分，共20分）

21． <>标记用于定义文档的头部信息，也称为头部标记。( )（ ）

22． 在中，< >文档类型声明可以省略不写。（ ）

23． 在中，通过为<>设置背景图像的方式，能够更灵活的控制列表项目符号。（

）（ ）

24． 将列表进行嵌套的方法是在其子列表项中插入要嵌套的列表。（ ）（ ）

25． 通过设置单元格的和属性可以调整单元格的宽度和高度，且单元格之间互不影响。（ ）

26． 浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<>标记内。(

)（ ）

27． 使用背景图像的方式来定义列表项目符号，需要先清除列表的默认显示样式。（

）（ ）

28． 在文本格式化标记中，<>和<><>都用来给文本添加下划线。（ ）

29． 在表格中，属性用来控制单元格内容与边框之间的距离。（ ）

30． 静态定位状态下，无法通过边偏移属性（、、或）来改变元素的位置。（ ）（ ）

得分

四、填空题（每题2分，共计10分）

31．

在语言中可以应用<>标记中的属性，来设置一行内容的垂直对齐方式。

32．

在链接伪类中，设置访问后超链接的状态的伪类是。

33． 在中，跳转语句包括语句和语句。

34． 设置访问后超链接的样式，需要给标签添加样式的伪类是。

35． 行内式也称为内联样式，是通过标记的属性来设置元素的样式。

得分

五、简答题（每题5分，共计25分） 36．请阅读下面的代码，根据注释中的要求填写代码。1 < "3 1.0 " 2

""> 3 < ""> 4 <> 5 < ""

"; 8" /> 6 <>控制单元格的宽高<> 7 < ""> 8 { :1 00;} 9 { :1

00;} 10 { :60; :60;} 11

{ :20;} 12 /*定义单元格3的宽度为100;*/ 13 <> 14 <> 15 <> 16 <> 17

<>

18 < "" >单元格1<>< "">单元格2<> 19 <> 20 <> 21

< "">单元格3<><>单元格3<> 22 <> 23 <> 24 <> 25 <>

37．请阅读下面的代码，根据注释中的要求填写代码。< "3 1.0 " "">< ""><>< "" "; 8" /><>边框属性<>< "">{ :300; :300; ; /*设置顶部边框线为1，实线，黑色;*/ ; /*设置右侧边框线为2，虚线，红色;*/ ; /*设置底部边框线为4，实线，绿色;*/ ; /*设置左侧边框线为8，虚线，蓝色;*/}<><><>< "">我是带边框的盒子<><><>

38．补全下方代码，实现离开当前页面时弹出提示对话框。 = (){('确定要离开吗?');}

39．请简要说明什么是无序列表？

40．请阅读下面的代码，根据注释中的要求填写代码。< "3 1.0 " "">< ""><>< "" "; 8" /><>传智播客<>< "">{ :300; :200; ; :1 ； ; /*设置文本的下划线效果；*/ ; /*设置文本内容居中对齐；*/}<><><><>传智播客网页平面设计学院<><><>

答案

一、单选题（每题2分，共计30分）

1． D

2． A

3． B

4． A

5． B

6． C

7． D

8． B

9． C

10．C

11．D

12．B

13．B

14．B

15．B

二、多选题（每题3分，共计15分）

16．

17．

18．

19．

20．

三、判断题（每题2分，共计20分）

21．错

22．错

23．对

24．对

25．错

26．对

27．对

28．错

29．对

30．对 四、填空题（每题2分，共计10分）

31．【】

32．【a：】

33．【】

34．【】

35．【】

五、简答题（每题5分，共计25分）

36．;{:100;}

37．:1000;<>:2;<>:4;<>:8;

38．

39．无序列表是网页中最常用的列表","之所以称为“无序列表”","是因为其各个列表项之间没有顺序级别之分","通常是并列的。例如传智播客官网的导航栏结构清晰","各项之间（如“网页平面”与“培训”）排序不分先后","这个导航栏就可以看做一个无序列表。

40．;