网页设计模拟习题与参考答案

网页设计模拟习题与参考答案

一、单选题（共20题，每题1分，共20分）

1、一个盒子的宽（width）和高（height）均为300px,左内边距为

30px,同时盒子有3Px的边框，请问这个盒子的总宽度是多少？（）

A、363px

B、333px

C、366px

D>336px

正确答案：D

2、关于创建锚点链接的代码，下列书写正确的是（）。

正确答案：

3、以下标示符中，用于设置页面标题的是（）。

A、〈'head）

B、〈'title）

C.caption>

D、<*html>

正确答案：B

4、以下属性中，不能增加盒子尺寸的属性是（）。

A^padding

B、height

C^text-decoration

width

正确答案：C

5、text-transform属性用于控制英文字符的大小写。下列选项中,不属

于其属性值的是（）。

A、capitalize

B、1ine-through

C、lowercase

D、uppercase

正确答案：B

6、下列有关CSS样式，说法正确的是（）。

A、CSS样式必须写在一对styleX'/style）标签内部

B、CSS用于设置HTML页面中的文本内容、图片的外形以及版面的布局等

外观显示样式

C、只有外部的css文件才是符合结构与表现分离的特点

D、目前流行的CSS版本为CSS3

正确答案：B

7、下列选项中，属于定义有序列表的基本语法格式的是（）。

A、<>01>列表项1<,列i>li>列表项2〈'列i>.....</ol>

B、<sul>.....</ul>

C、<'ol>....<'/ol><'ol>...<'/ol><，ol>……<'/ol>

D,<'ul><'li>列表项<'列表项2<'列i>.....<'/ul>

正确答案：A

8、定义列表常用于对术语或名词进行解释和描述，用一对（）标记定义。

A、〈'ulX'/uD

B、<,dt><，/dt>

C、<，dl><，dl>

D、<，ol><，/ol>

正确答案：C

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

A、margin-left

B、padding-right

C、text-indent

D>padding-left

正确答案：D

10、定义有序列表《'。1）的O属性，可以决定有序列表项目符号的类型。

A、rel

B、type

C>href

D、value

正确答案：B

11、html的中文名称是（）。

A、扩展语言

B、超文本标记语言

C、超链接

D、超文本标记

正确答案：B

12、在Dreamweaver中,新建HTML默认文档的快捷键是（）«

A、Ctrl+N

B、Ctrl+Shift+N

C、Ctrl+Shift+S

D、Ctrl+F12

正确答案：B

13、在网页中插入图像，若图像文件位于html文件的上两级文件夹，则

在文件名之前加入（）。

A、./

B、/.

C、/

D＞

正确答案：D

14、div＞标记是网页布局中最常用的标记，其显示类型为（）。

A、浮动类型

B、行内类型

C、行内块类型

D、块级类型

正确答案：D

15、下列选项中，不是＜'img/＞标记属性的是（）。

A＞width

B、src

C、height

D、href

正确答案：D

16、如果有两个上下并列关系的盒子，上面盒子的下外边距是30px,下

面盒子的上外边距是20px,那么这两个盒子之间的间距是（）。

A、30像素

B、50像素

C、20像素

D、10像素

正确答案：A

17、在下列选项中，对，弋码“margin:10px020px;”解释正确的是（）。

A、上间距10px,左右间距0,下间距20Px

B、上间距10px,左间距0,右间距20Px

C、上间距lOpx,左间距0,右下间距20Px

D、上下间距10px,左间距0,右间距20Px

正确答案：A

18、下列标记中，用来设置文本为粗体的是（）。

A、<Ju><*/u>

B、<*strong><,/strong>

C、emX*/em>

D、<，del><，/del>

正确答案：B

19、使用标签指定式选择器，让段落应用class名为test的类，下列写

法正确的是（）。

A、.p,test{color:red;}

B、p.test{color:red;}

C、p#test{color:red;}

D、.p.test{color:red;}

正确答案：B

20、下面标记中，用来显示段落的标记是（）。

A、<*p>

B、<Jhl>

C、<*img/>

D、<Jbr/>

正确答案：A

二、多选题（共30题，每题1分，共30分）

1、关于内边距属性的赋值方式，下列说法正确的是（）。

A、padding:10px;表示盒子四个方向padding均为10px

B、padding:10px20px30px;表示上为lOpx,右20px,下30px,左Opx

C、padding:lOpx20px;表示上下为lOpx,左右为20Px

D、padding:lOpx20px30px40px;表示上右下左内边距分别为lOpx、

20px>30px、40px

正确答案：ACD

2、下面选项中，属于盒子模型基本属性的是（）。

A、边框

B、外边距

C、内边距

D、宽和高

正确答案：ABCD

3、在CSS中，提供了背景图像属性用来设置背景。在下列选项中，设置

背景图片格式正确的是()。

A、body{background:url(1.png);}

B、body{background-image:url(1.png);}

C、body{background-color:url(1.png);}

D、body(background-repeat:url(1.png);}

正确答案：AB

4、使块级元素水平居中，需要遵循以下哪些条件？()

A、为元素设置宽度width

B、使元素浮动float

C、为元素设置高度height

D、将元素左右外边距的值设置为auto

正确答案：AD

5、下列标记中，属于双标记的是()。

A、<Jp>

B、<'hl>

C、〈'hr/>

D、br/>

正确答案：AB

6、下列选项中，可用于更改元素左外边距的是()。

A、margin-left

B、margin

C、padding-right

D、text-indent

正确答案：AB

7、HTML提供了许多标记,下列选项中,属于HTML标记的是()。

A、段落标记

B、图片标记

C、超链接标记

D、标题标记

正确答案：ABCD

8.text-decoration属性用于设置文本的下划线，上划线，删除线等装

饰效果，其可用属性值有（）。

A、underline

B、1ine-through

C、overline

D、none

正确答案：ABCD

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

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

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

C、Web标准主要包括结构标准、表现标准和行为标准三个方面。

I）、Web标准只要包括HTML标准。

正确答案：BC

10、下面选项中，属于网页构成元素的是（）。

A、音频

B、视频

C、文字

D、psd文件

正确答案：ABC

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

A、li＞不可以放在一对《'ulX'/ul》标记中。

B、标记嵌套在《'ulX'/ul〉标记中，用于描述具体的列表项。

C、每对中至少应包含一对liX'/li＞。

D、C'ulX'/uD标记用于定义无序列表。

正确答案：BCD

12、下面选项中，属于盒子模型主要属性的是（）。

A、padding

B、margin

C、border

D、type

正确答案：ABC

13、下列选项中，可清除元素默认内外边距的是（）。

A、font-size:。；

B、padding:0;

C、line-height:0;

D、margin:0;

正确答案：BD

14、HTML中文译为“超文本标记语言”，主要是通过HTML标记对网页中

的O等内容进行描述。

A、声音

B、图片

C、word文档

D、文本

正确答案：ABD

15、下面哪些是网页中的元素？()

A、视频、音频

B、超链接

C、文字

D、图片

正确答案：ABCD

16、盒子模型有多个属性，其中元素内容与边框之间的距离通常被称为

()o

A、外填充

B、外边距

C、内填充

D、内边距

正确答案：CD

17、下列选项中，关于标记选项说法正确的是

A、在标记的嵌套过程中，必须先结束最靠近内容的标记，再按照由外及

内的顺序依次关闭标记。

B、标记可以拥有多个属性，属性之间不分先后顺序，属性与属性之间以

空格分开

C、在HTML标记中，“属性”和“属性值”是以“键值对”的形式出现

的

D、在嵌套结构中，HTML元素的样式总是遵从“就近原则”

正确答案：BCD

18、下列选项中，可用于定义背景颜色的是()。

A、background-color:red;

B、background-color:rgb(255,0,0);

C、color:#fOO;

D、background-color:ttfOO;

正确答案：ABD

19、下面的应用软件，可以用于网页制作开发的是（）。

A、Editplus

B、notepad++

C、Dreamweaver

D、3Dmax

正确答案：ABC

20、关于并集选择器的描述，下列说法正确的是（）。

A、并集选择器的各个选择器通过逗号连接

B、并集选择器用空格分隔

C、并集选择器把选中的元素设置成相同的样式

D、并集选择器不能和其他选择器一起使用

正确答案：AC

21、下列选项中，属于单标记的是（）。

A、<'h2><'/h2>

B、<'p>

C、〈'hr/>

D、br/>

正确答案：CD

22、下列选项中，说法正确的是（）。

A、在HTML中<’hr/>是单标记

B、<'p><'/p>是一个双标记

C、在HTML标记中分为单标记和双标记

D、<'h2X'/h2>二级标题是一个单标记

正确答案：ABC

23、适合在网络上使用的图片格式主要有（）。

A、gjf

B、jpg

C、png

D>bmp

正确答案：ABC

24.text-align属性用于设置文本内容的水平对齐，其可用属性值有（）。

A、middlemiddle

B、right

C、center

D、left

正确答案：BCD

25、在CSS中，使用链入式引入CSS样式表，要通过设置（’link/＞标签

的（）属性。

正确答案：

26、关于后代选择器，下列说法正确的是（）。

A、后代选择器主要用于嵌套的标签。

B、后代选择器多个标签之间是用空格隔开的。

C、后代选择器可以用于很多层的标签嵌套。

D、后代选择器外层标记写在前面，内层标记写在后面。

正确答案：ABCD

27、制作网页时一般需要兼容下列选项中的哪些浏览器（）。

A、谷歌

B、欧朋

C、ie

D、火狐

正确答案：ACD

28、关于＜'p＞标记，下列说法正确的是（）。

A、＜'p＞标记里面可以放置＜'h3＞标记

B、0）标记可以嵌套使用，比如《＞＞＜"＞〈'4〉＜'/口＞

C、＜'p》标记里面可以放置〈'img/＞标记

D、＜'p＞标记负责给文本添加“段落”语义

正确答案：CD

29＞关于样式代码“padding:20Px30px10px;n,下列说法正确的是

（）o

正确答案：

30、Dreamweaver能创建以下哪种类型的文档？（）

A、JS

B、CSS

C、HTML

D、HTML模板

正确答案：ABCD

三、判断题（共50题，每题1分，共50分）

1、在链入式CSS样式中，一个HTML页面只能引入一个样式表。

A、正确

B、错误

正确答案：B

2、所谓静态网页是指用户无论何时何地访问，网页都会显示固定的信息,

即使网页源代码被重新修改上传也不会改变.

A、正确

B、错误

正确答案：B

3、在CSS中border属性是一个复合属性。

A、正确

B、错误

正确答案：A

4、在HTML常用的三种列表中，定义列表的列表项前没有任何项目符号。

A、正确

B、错误

正确答案：A

5、在实际运用中，锚点链接常应用于内容较多，页面过长的网页。

A、正确

B、错误

正确答案：A

6、在Dreamweaver中，可以通过菜单栏中的【插入】-*[HTML]­*【特

殊字符】选项直接插入相应特殊字符的代码。

A、正确

B、错误

正确答案：A

7、页面中的信息，必须放在相应的HTML标记中，才能被浏览器正确解

析。

A、正确

B、错误

正确答案：A

8、CSS基础选择器仅有三种，分别是标记选择器、类选择器、id选择流。

A、正确

B、错误

正确答案：B

9、链入式是将所有的样式放在一个或多个以.css为扩展名的外部样式表

文件中，通过〈’link/》标记将外部样式表文件链接到HTML文档中。

A、正确

B、错误

正确答案：A

10、在CSS中，任何的HTML标记都拥有style属性。

A、正确

B、错误

正确答案：A

11、在HTML语言中，常用的列表有三种，分别为无序列表、有序列表和

定义列表。

A、正确

B、错误

正确答案：A

12、相对路径不带有盘符，通过层级关系描述目标图像的位置。

A、正确

B、错误

正确答案：B

13、使用复合属性padding定义内边距时，必须按顺时针顺序采用值复

制，一个值为四边、两个值为上下/左右，三个值为上/左右/下。

A、正确

B、错误

正确答案：A

"、默认情况下，背景图像会自动向水平和竖直两个方向平铺。

A、正确

B、错误

正确答案：A

15、默认情况下子元素会继承父元素的背景。

A、正确

B、错误

正确答案：A

16、如果需要在后代选择器中加入更多的元素，只需在元素之间加上逗

号即可。

A、正确

B、错误

正确答案：B

17、导入式是对HTML头部文档应用style标记,并在＜'style）标记内的

开头处使用important语句，即可导入外部样式表文件。

A、正确

B、错误

正确答案：A

18、使用并集选择器定义样式与对各个基础选择器单独定义样式效果完

全不相同。

A、正确

B、错误

正确答案：B

19、设置访问前超链接的样式，需要为标签添加链接伪类样式：

a:visitedo

A、正确

B、错误

正确答案：B

20、HTML语言主要是通过HTML标记对网页中的文本、图片、声音等内容

进行描述。

A、正确

B、错误

正确答案：A

21、大多数网页都是用HTML编写网页结构和内容，版面布局、文本或图

片的显示样式则使用CSS控制。

A、正确

B、错误

正确答案：A

22、在使用列表时，如果列表项中包含若干子列表项，就需要将列表进

行嵌套。

A、正确

B、错误

正确答案：A

23、在图像常用格式中，PNG不但支持动画，还支持透明。

A、正确

B、错误

正确答案：B

24、外边距属性的取值不可以为负值。

A、正确

B、错误

正确答案：B

25、一个HTML文档中,可以有多个＜'hl＞标记。

A、正确

B、错误

正确答案：B

26、如果不给＜'加8/＞标记设置宽和高，图片就会按照他的原始尺寸显

ZJNO

A、正确

B、错误

正确答案：A

27、标签指定式选择器又称并集选择器，是各个选择器通过逗号连接而

成的。

A、正确

B、错误

正确答案：B

28、id选择器使用进行标识,后面紧跟id名。

A、正确

B、错误

正确答案：B

29、通配符选择器设置的样式对所有的HTML标记都生效，不管标记是否

需要该样式，这样反而降低了代码的执行速度。

A、正确

B、错误

正确答案：A

30、在CSS中，background-color是用来设置背景图像位置的属性。

A、正确

B、错误

正确答案：B

31、〈'title）标记用于定义HTML文档的头部信息，也称为头部标记。

A、正确

B、错误

正确答案：B

32、链入式最大的好处是同一个CSS样式表可以被不同的HTML页面链接

使用。

A、正确

B、错误

正确答案：A

33、在图像常用格式中，JPG是一种有损压缩的图像格式。

A、正确

B、错误

正确答案：A

34、列表的嵌套通常是指有序列表和无序列表的嵌套，因此定义列表不

能用在列表的嵌套中。

A、正确

B、错误

正确答案：B

35、在Dreamweaver中制作网页，一般需要将菜单栏【窗口】模式下的

【工作区布局】设置为【经典】模式。

A、正确

B、错误

正确答案：A

36、开头处可以不使用！DOCTYPE〉标记为所有的XHTML文档指定XHTML

版本和类型。

A、正确

B、错误

正确答案：B

37、IE、火狐和谷歌是目前互联网上的三大浏览器，其他常用的浏览器

还有苹果的Safari浏览器和欧朋浏览器等。

A、正确

B、错误

正确答案：A

38、网页当中的常用图片格式是jpg,png和tif格式。

A、正确

B、错误

正确答案：