网页设计与开发试卷及答案

1、网页设计与开发第12章试卷一、 选择题1.下列对于表格的说法正确的是( )A.表格的大小，边框宽度，表格间距是不可以自己定义的B. rowspan属性用于定义有横向通栏的表格C. colspan 属性用于定义有纵向通栏的表格D.在页面布局时为了页面的美观也经常用到表格，但我们却看不见这些表格，是由于Border 属性的值被设定为“0”了。答案: D2.表格的开始标记为( )A.B.C.的.答案: A3.以下属性可以添加在标记后面的是( )A bordeB widthC heightD 以上都可以答案: D4.下列对于标记和标记说法不正确的是( )A 和都可以标记一个单元格B 有多少个单元格就有

2、多少个或C 标记所标记的单元格的文字以粗体出现D 和标记作用完全一样答案: D5.下面对于BgColor 属性说法正确的是( )A 可以用来定义表格的颜色B 标记中必须出现BgColor 属性C BgColor 属性的值必须是16 进制的6 位数D BgColor 属性的值必须是已经定义好的颜色答案: A6.下面对于样式表的说法中错误的是( )ACSS就是Cascading Style Sheets，中文翻译为“层叠样式表”，简称样式表B将CSS指定的格式加入到HTML中的方法有2种C外部连结CSS时需要在HTML文件里加一个超级连结，连接到外部的CSS文档D如果内在添加的CSS 描述与外部连

3、接的CSS 描述相冲突的话，网页的表现将以内在添加的CSS描述为主答案: B7.下面对于样式表的说法中错误的是( )ACSS 的定义是由三个部分构成：选择符（selector），属性（properties）和属性的取值（value）B选择符是可以是多种形式，一般是你要定义样式的HTML标记，你可以通过此方法定义它的属性和值，属性和值要用逗号隔开CCSS可以定义字体属性DCSS可以定义颜色和背景属性答案: B8.下列说法中错误的是（ ）Ap font-family: sans serif定义段落字体为sans serifBp text-align: center; color: red定义段落居

4、中排列；并且段落中的文字为红色Cbackground-image属性用来设置背景图Da:visitedcolor:red;text-decoration:none定义未访问的超链接颜色为红色答案: D9.下列选项中关于标签div与span的说法正确的是（ ）。A. span标签只能用于文本内容B. div标签显示时将独占一行C. span标签在浏览器中显示时将占满一行D. 多个div标签元素将在同一行显示答案: B10.下面代码片断分析正确的是（ ）。A. 段落的背景色为grayB. 段落的边框大小为1pxC. 段落的字体大小为16pxD. 样式应用错误答案: D11.已知services.h

5、tml与text.html在同一服务器上，但不在同一文件夹中。假如文档services.html在文件夹information中，proposals段落在文档services.html中。现要求在text.html文档中编写一个超链接，链接到文档services.html的proposals段落。下面语句正确的是（）。ALinkBLinkCLinkDLink答案: B12. 根据以下的HTML代码：表格123对以上代码，以下描述正确的是（）。A该网页内容的第一行显示“表格”B1和2的表格在同一列C1和2的表格在同一行D1和3的表格在同一列答案: C13. 根据以下的HTML代码：.waterc

6、olor:limegreen;font-family:arial.dangercolor:red;font-family:arial;font-weight:bold;test watertest dangerWaterDanger italic以下说法正确的是（）。A该段代码有一个类选择器BWaterDanger没有使用任何的选择器C“Italic”的颜色是绿色D“test danger”运用的选择器是danger答案: D14. 根据以下的HTML代码：Contextual selectors bodycolor:hotpink;background:lavender;font-famil

7、y:arial;pcolor:darkgreen 名人名言: 但丁说过：“走自己的路让别人去说吧！” 坚持自己的正确看法，不要让别人动摇你的信念 下列说法不正确的是（）。AB是p父元素BB和I元素继承了p选择器的属性CBody是p的父元素D没有包含在样式表中的元素将继承其父元素的属性答案: A15. 根据以下的HTML代码：change the rules利用sheet1样式表 此路不通 the h2 element again 以下说法正确的是()。A“此路不通”运用了”warning”样式中说明的所有属性的值B该段链接的样式表名为”sheet.css”C该段链接的样式表名为”text/cs

8、s”D“the h2 element again”的样式与”此路不通”一样答案: A16. 要在页面中绘制一条水平线，要求水平线左对齐显示、宽度占整个文档宽度的80、粗细为5个像素、不带阴影。下列语句正确的是（）。ABCD答案: C17. 创建一个样式表，可以设置当前页面中的某些（而不是所有）无序列表的内容的字体为斜体。下列代码正确的是（）。A pactfont-style:italic;B ulfont-style:italicC pacttext-style:italic;D #compactfont-style:italic;答案: C18. 根据以下的HTML代码片段：1月2月3月正确

9、的显示结果是（）。A页面中会有一个默认的表格标题B第一个单元格的背景色是红色C第二个单元格的的背景色为绿色D“2月”显示为粗体答案: B19. 下列选项中关于标签div与span的说法正确的是（ ）。A. span标签只能用于文本内容B. div标签显示时将独占一行C. span标签在浏览器中显示时将占满一行D. 多个div标签元素将在同一行显示答案: B20. 如果要在表单中，显示如下信息“您用什么方式购买证卷？网上交易、电话交易、经纪人代理”，用户只能从三个选项中选择一项。要实现以上需求，下面HTML语句正确的是（）。A您用什么方式购买证卷？网上交易电话交易经纪人代理B您用什么方式购买证卷

10、？网上交易电话交易经纪人代理C您用什么方式购买证卷？网上交易电话交易经纪人代理D您用什么方式购买证卷？网上交易电话交易经纪人代理答案: B21.我们想要让当前整个表格的背景色为蓝色，应该使用哪一句代码来描述此种设置( )A.bgcolor=blueB.bgground=blueC.backcolor=blueD.background=blue答案: A22.我们想要让表格的边框在页面中一定不显示出来，用什么方法可以做到呢( )A.bgcolor=whiteB.bgcolor=nullC.border=0D.bordercolor=white答案: C23.我们想要将表格的宽度设置为100个像素

11、，应该怎么办( )A.width=100B.border=100C.length=100D.maxlength=100答案: A24.我们想要将表格中的文字放在靠上居中的位置，应该怎么办( )A.align=middlealign=topB.align=centeralign=topC.valign=middlealign=topD.valign=top align=center答案: D25.我们想要在HTML文档中加入图像，可以使用哪个标记来达到要求呢？（ ）A.B.C.D.答案: C26.我们发现为页面中的图像加入超链接后，默认情况下都带有一道黑框，有什么方法可以去掉它呢？（ ）A.bo

12、rdercolor=whiteB.border=0C.style=no borderD.style=0答案: B27.我们想要将表格中加入的图像充满整个单元格，使用哪种方式可以做到？（ ）A.size=100B.size=100% C.width=100D.width=100%答案: D28. li 元素中包含img 元素的时候，IE 中img 下面多出了5px左右的空白，下列哪个处理办法不可行（ ） A使 li 浮动，并设置 img 为块级元素 B设置 ul 的 font-size:0; C设置 img 的 margin: 0; D设置 img 的 margin-bottom: -5px答案

13、: C29. 表示（ ）A.表格有边框，宽度为400像素B.表格有边框，宽度为400%C.表格有边框，宽度为400厘米D.表格没有边框答案: A30. 制作无序号号列表，需使用（ ）标签。A.和B.、和C.、和D.、和答案: B二、 填空题1） 改变元素的外边距用_，改变元素的内填充用_。答案: margin padding2） 在Table中，TR是_，TD是_。答案: 行 单元格3) 一个Div容器居于屏幕水平居中的属性是_。答案：margin：0 auto4）使用_属性可以显示没有下划线的超链接。答案：text-decoration:none5）对于列表，清除列表的缩进，可以对UL实施_

14、属性。答案：margin：0px6）使用_属性用来定义可以在列表中使用图片代替项目符号。答案： list-style-image7）元素的_属性用来定义块元素的浮动方式。答案：浮动属性 (float)8）文字与图片的左右居中直接用_即可让文字与图片内容居中。答案：text-align:center9)通过使用CSS属性类样式_实现文字与图片的垂直居中。答案：line-height10）进行二级菜单制作时，为了防止二级菜单的内容被一级菜单遮盖，可以给一级菜单增加一个_属性，为二级菜单增加一个_属性，进行相对定位。答案：position:relative position:absolute 三、

15、简答题1) CSS指的是什么?在网页制作中为什么要使用CSS技术? 答案： CSS(Cascading Style Sheets)也叫层叠样式表，它是用来控制网页中一个或多个元素的外观。在网页制作中，使用样式表可以减少很多具有相同外观元素的重复设置工作，从而给网页的设计和维护带来了很大的方便;具体应用是：改变样式表中元素显示样式的定义，则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。 2）网页制作中有哪几种样式设置方法?各有何特点?答案：网页制作中有：内联式样式设置、直接嵌入式样式设置和外部链接式样式设置三种方式。 (1)内联式样式设置： 设置方法：直接在要设置样式的各标记元素

16、中修改style属性; 优点：直观、方便; 缺点：不易于维护和修改; 适用于：网页中个别需要修改的元素的样式定义;(2)直接嵌入式样式设置： 设置方法：在HTML文档的之间添加定义， 部分是所有需要设置样式的元素的属性定义。 优点：对当前页面内的所有元素的样式修改、维护比较方便; 缺点：对于网站建设，要采用相同的样式设置则比较麻烦; 适用于：单独网页的样式定义; (3)外部链接式样式设置： 设置方法：把所有样式定义放在一个独立的文件中，凡是需要使用该文件中规定样式的网页，只要在其与之间添加一个对该样式文件的链接：即可;适用于：需要统一显示样式的网站建设。2）JavaScript 中settim

17、eout 与setinteval 两个函数的区别？答案：settimeout 只执行一次，setInteval 没有次数限制。3）JavaScript 中的数据类型有几种？分别是什么？答案：JavaScript 中的数据类型有7种，分别是： 1）Number 数字类型2）String 字符串类型3）Boolean 布尔类型4）Function 函数5）Object 对象6）Null7）Undefined 没有定义类型4）全局CSS主要文件主要作用是什么？答案：全局的CSS文件主要规定了网站的统一视觉效果。例如，基本的页面宽度、网页背景色、默认字体风格、以及主体结构的相对位置等等。基本信息部分主

18、要用于网站的全局默认风格的定义。主要包含了页面背景颜色，背景图片，超链接、字体、字号、字间距等样式定义。四、 实验题1. 通过JS实现树形菜单的功能，“标题”为“链接”的父节。标题链接链接链接链接标题链接链接链接链接标题链接链接链接链接答案：对上文静态代码实施的Script源文件如下：#tree span,#tree adisplay:block;width:100px;#tree atext-indent:2em; width:100px;window.onload=function()var title=document.getElementsByTagName(SPAN);for (var i=0;ititle.l