网页制作HTML题库答案

　　网页设计与开发测试题

　　网页制作HTML题库

　　主要依据《网页制作教程》（第三版）

　　第一章 HTML 基础

　　第1题 判断正误

　　（1）HTML标记符的属性一般不区分大小写。

　　（2）网站就是一个链接的页面集合。

　　（3）将网页上传到Internet时通常采用FTP方式。

　　（4）所有的HTML标记符都包括开始标记符和结束标记符。

　　（5）可以用文本编辑器编辑HTML文件。

　　（6）文本编辑器和HTML编辑器软件都可以用来编辑HTML文件。

　　（7）TITLE 标记符通常位于BODY标记符之间。

　　（8）TITLE 标记符通常位于HEAD标记符之间。

　　（9）title标记符和title属性的作用是相同的。

　　第2题 单选题

　　（1）WWW是 B 的意思。

　　A．网页 B．万维网 C．浏览器 D．超文本传输协议

　　（2）在网页中显示特殊字符，如果要输入“”，应使用_________。

　　A．lt; B． C．lt D．

　　（3）以下说法中，错误的是： 。

　　A．获取WWW服务时，需要使用浏览器作为客户端程序。

　　B．WWW服务和电子邮件服务是Internet提供的最常用的两种服务。

　　C．网站就是一系列逻辑上可以视为一个整体的页面的集合。

　　D．所有网页的扩展名都是 .htm。

　　（4）以下说法中，错误的是： 。

　　A．网页的本质就是HTML源代码。

　　B．网页就是主页。

　　C．使用“记事本”编辑网页时，通常应将其保存为 .htm 或 .html 后缀。

　　D．本地网站通常就是一个完整的文件夹。

　　（5）以下说法中，错误的是： 。

　　A．主页是网站中的一个特定页面。

　　B．网页中的注释可以放在任何位置。

　　C．在HTML中， 表示空格。

　　D．在HTML中， 表示 。

　　（6）浏览网页时，通常使用以下协议：

　　网页设计与开发测试题

　　A．mailto B．FTP C．HTTP D．TCP/IP

　　（7）在网页中显示特殊字符，如果要输入空格，应使用______D___。

　　A．nbsp; B． C．nbsp D．

　　（8）以下软件中，不能直接用来编辑 HTML 文件的是：_________。

　　A．记事本 B．FrontPage C．Flash D．Dreamweaver

　　（9）以下软件中，不属于所见即所得的网页编辑软件的是： _________。

　　A．记事本 B．FrontPage C．GoLive D．Dreamweaver

　　（10）以下有关 HTML 标记符的属性的说法中，错误的是： _________。

　　A．在HTML中，所有的属性都放置在开始标记符的尖括号里。

　　B．属性与HTML标记符的名称之间用空格分隔。

　　C．属性的值放在相应属性之后，用等号分隔；而不同的属性之间用分号分隔。

　　D．HTML 属性通常也不区分大小写。

　　（11）以下说法中，错误的是：

　　A．网页可以设置背景声音。

　　B．如果同时设置网页的背景颜色和背景图案，在不修改浏览器默认设置的情况下仅显示背景图案。

　　C．网页的背景声音的文件格式只能是 midi 格式。

　　D．指定网页的背景图案时，既可以使用相对路径也可以使用绝对路径。

　　（12）以下说法中，错误的是：

　　A．网页可以设置背景声音。

　　B．如果同时设置网页的背景颜色和背景图案，在不修改浏览器默认设置的情况下仅显示背景图案。

　　C．网页的背景声音的文件格式只能是 wav 格式。

　　D．指定网页的背景图案时，既可以使用相对URL也可以使用绝对URL。

　　（13）设置正文和超链接颜色时，可以使用 BODY 标记符的 text、link、vlink 和 alink 属性。其中，用于设置未被访问的超链接的颜色的属性是：

　　A．text B．link C．vlink D．alink

　　第3题 填空题

　　（1）如果要为网页指定黑色的背景颜色，应使用以下html语句：body

　　（2）上网浏览网页时，应使用 作为客户端程序。

　　（3）TITLE 标记符应位于 标记符之间。

　　（4）要设置网页在黑色背景下显示白色文字，应使用 语句。

　　（5）要设置整个网页的背景颜色，应在body标记符中设置 属性。

　　（6）设置整个网页的背景图案在body标记符中设置 属性。

　　第4题 问答题

　　（1）简要说明html的基本工作原理。（5分）

　　（2）简要说明WWW工作的基本原理。

　　网页设计与开发测试题

　　第二章 文本格式

　　第1题 判断正误

　　（1）用H1标记符修饰的文字通常比用H6标记符修饰的要小。

　　（2）B标记符表示用粗体显示所包括的文字。

　　（3）指定滚动字幕时，不允许其中嵌入图象。

　　（4）指定水平线粗细的属性是 size。

　　（5）指定水平线粗细的属性是 width。

　　（6）指定电子邮件超链接时，href属性的取值是：mailto=邮件地址。

　　（7）./public/index.htm是一个绝对URL。

　　（8）http://www.wendangwang.com是一个绝对URL。

　　（9）使用相对地址时，符号 .. 表示当前目录。

　　（10）使用相对地址时，符号 .. 表示上一级目录。

　　第2题 单选题

　　（1）以下关于FONT标记符的说法中，错误的是：

　　A．可以使用 color 属性指定文字颜色。

　　B．可以使用 size 属性指定文字大小（也就是字号）。

　　C．指定字号时可以使用 1~7 的数字。

　　D．语句 FONT size=+2这里是2号字/FONT 将使文字以2号字显示。

　　（2）以下说法中，正确的是： 。

　　A．P标记符与BR标记符的作用一样。

　　B．多个P标记符可以产生多个空行。

　　C．多个BR标记符可以产生多个空行。

　　D．P标记符的结束标记符通常不可以省略。

　　（3）要控制水平线的粗细，应使用以下属性： 。

　　A．color

　　B．width

　　C．size

　　D．height

　　（4）以下代码中，不能产生多个空行效果的是：

　　A．

　　B．

　　C．

　　D．

　　（5）以下标记符中，默认align属性不是left的是：

　　A． B． C． D．

　　（6）以下关于字体格式设置的说法中，错误的是：

　　A．可以使用 FONT 标记符指定文字颜色。

　　网页设计与开发测试题

　　B．可以使用 CSS 字体属性指定字体的大小。

　　C．可以使用 FONT 标记符将字体设置为斜体效果。

　　D．可以使用 CSS 字体属性将字体设置为斜体效果。

　　（7）以下关于字体格式设置的说法中，错误的是：

　　A．可以使用 FONT 标记符指定文字大小。

　　B．可以使用 CSS 字体属性指定文字颜色。

　　C．可以使用 FONT 标记符将字体设置为斜体效果。

　　D．可以使用 CSS 字体属性将字体设置为斜体效果。

　　（8）以下有关列表的说法中，错误的是： 。

　　A．有序列表和无序列表可以互相嵌套。

　　B．指定嵌套列表时，也可以具体指定项目符号或编号样式。

　　C．无序列表应使用 UL 和 LI 标记符进行创建。

　　D．在创建列表时，LI 标记符的结束标记符不可省略。

　　（9）以下有关列表的说法中，错误的是： 。

　　A．有序列表和无序列表可以互相嵌套。

　　B．有序列表默认的 type 属性值是 “1”。

　　C．无序列表默认的 type 属性值是 “circle”。

　　D．在创建列表时，LI 标记符的结束标记符可以省略。

　　（10）以下有关列表的说法中，错误的是： 。

　　A．有序列表和无序列表可以互相嵌套。

　　B．有序列表默认的 type 属性值是 “A”。

　　C．无序列表默认的 type 属性值是 “disc”。

　　D．在创建列表时，LI 标记符的结束标记符可以省略。

　　第3题 填空题

　　（1）hr width=50%表示创建一条 的水平线。

　　（2）在 OL 标记符中，使用 属性可以控制有序列表的数字序列样式。

　　（3）在 UL 标记符中，使用 属性可以控制无序列表的项目符号样式。

　　（4）要设置一条一像素粗、200像素长的左对齐的水平线，应使用 语句。

　　（5）要指定“比默认字体大一号，字体为隶书”的字体效果，可使用FONT 文字/FONT语句。

　　（6）要使文字同时显示为粗体和斜体，应使用语句 。

　　（7）如果要创建一个指向电子邮件 someone@http://www.wendangwang.com的超链接，代码应该如下： 指向someone@http://www.wendangwang.com的超链接

　　（8）在指定页内超链接的时候，如果在某一个位置使用了a =target1锚点语句定义了锚点，那么应使用以下语句，以便在单击超链接时跳转到锚点定义的位置：a 锚点链接

　　（9）已知站点文件夹结构如图所示，要在 interest.htm 这个网页中插入 sunset.gif，应使用语句 。

　　网页设计与开发测试题

　　（10）已知站点文件夹结构如图所示，要在 interest.htm 这个网页中创建一个能跳转到 index.htm 文件的超链接（链接文字为“返回”），应使用语句。

　　（11）已知站点文件夹结构如图所示，要在 index.htm 这个网页中插入一个链接到 interest.htm的超链接，并且使用 frontpage.gif 作为超链接的源（也就是制作一个图像超链接），应使用语句：a href=interest/interest.htm 。

　　（12）在指定锚点超链接的时候，如果在文件file1.htm某一个位置使用了a =target1锚点语句定义了锚点，那么应使用以下语句，以便在file2.htm中单击超链接时跳转到file1.htm中该锚点定义的位置：a href= 锚点链接

　　第4题 问答题

　　（1）简要说明如何在html中创建锚点链接。

　　（2）根据超链接的目标位置的不同，超链接一般包括哪些类别（锚点链接）。

　　第三章 使用图像

　　第1题 判断正误

　　（1）GIF格式的图象最多可以显示256种颜色。

　　（2）创建图象映射时，理论上可以指定任何形状作为热点。

　　（3）GIF格式能够设置透明色。

　　（4）在常用的网页图像格式中，只有GIF格式能够设置透明色。

　　（5）Freehand是一种位图编辑软件。

　　（6）CorelDraw是一种矢量图编辑软件。

　　（7）在网页中使用图像时应该尽量使用更多的格式。

　　（8）在img标记符中使用align属性可以使其在页面中居中对齐。

　　第2题 单选题

　　（1）以下关于JPEG图像格式中，错误的是：

　　A．适合表现真彩色的照片。

　　B．最多可以指定1024种颜色。

　　C．不能设置透明度。

　　网页设计与开发测试题

　　D．可以控制压缩比例。

　　（2）以下说法中，错误的是： 。

　　A．GIF格式的图象采用无损压缩算法进行图象压缩。

　　B．只有GIF格式才能使用透明色。

　　C．GIF格式支持动画。

　　D．GIF格式最多可以显示256种颜色。

　　（3）以下说法中，错误的是： 。

　　A．JPEG格式使用有损压缩算法进行图象压缩。

　　B．处理JPEG格式的图象时，可以控制压缩比率。

　　C．JPEG格式的图象几乎没有颜色限制。

　　D．JPEG格式的图象具有透明色的特点。

　　（4）以下说法中，正确的是： 。

　　A．可以通过直接改文件名后缀来修改图象格式。

　　B．矢量图通常比位图的文件尺寸大。

　　C．使用图象处理软件可以修改图象的像素大小。

　　D．Flash是一种位图处理软件。

　　（5）以下说法中，正确的是： 。

　　A．在 IMG 标记符中使用 align 属性，可以控制图象在页面中的对齐。

　　B．在 IMG 标记符中使用 align 属性，可以控制图象与文字的环绕效果。

　　C．在 IMG 标记符中使用 valign 属性，可以控制图象与周围内容的垂直对齐。

　　D．在 IMG 标记符中使用 valign 属性，可以控制图象与周围内容的水平对齐。

　　（6）以下软件中，不属于位图编辑软件的是：

　　A．Photoshop B。Fireworks C。PhotoImpact D。Illustrator

　　第3题 填空题

　　（1）请至少说明 GIF 格式的两种特点： ； 。

　　（2）请至少说明 JPEG 格式的两种特点： ； 。

　　（3）请至少说出两种以上的图像处理软件的名称： 。

　　（4）在给图象指定超链接时，默认情况下总是会显示蓝色边框，如果不想显示蓝色边框，应使用以下语句：

　　a href=”test.htm”img src=image.gif /a

　　（5）在网页中插入图像时，最基本的两个属性是 。

　　第4题 问答题

　　（1）简要说明使用网页图像时应注意的问题。

　　（2）简要说明GIF格式和JPEG格式图像的特点。

　　网页设计与开发测试题

　　第四章 表格与框架

　　第1题 判断正误

　　（1）HTML表格在默认情况下有边框。

　　（2）在HTML表格中，TD和TH标记符都可以用来包括单元格内容。

　　（3）在HTML表格中，表格的行数等于TR标记符的个数。

　　（4）在HTML表格中，表格的列数等于任意一行中TH与TD的个数。

　　（5）在HTML表格中，表格的列数等于任意一行中TH与TD的colspan属性的和。

　　（6）在HTML表格中，表格的列数等于第一行中TH与TD的colspan属性的和。

　　（7）在HTML表格中，在TR、TD或TH标记符中使用 align 属性可以控制单元格内容的垂直对齐。

　　（8）HTML表格内容的垂直对齐方式默认为垂直居中。

　　（9）框架是一种能在同一个浏览器窗口中显示多个网页的技术。

　　（10）要想在一个网页中嵌套另外一个网页，一般可以使用页内框架。

　　（11）只有在框架结构的网页中，才能将A标记符的target属性指定为_blank，从而使超链接目标文件在一个新的浏览器窗口中打开。

　　第2题 单选题

　　（1）以下说法中，错误的是： 。

　　A．表格在页面中的对齐应在 TABLE 标记符中使用 align 属性。

　　B．要控制表格内容的水平对齐，应在 TR、TD、TH 中使用 align 属性。

　　C．要控制表格内容的垂直对齐，应在 TR、TD、TH 中使用 valign 属性。

　　D．表格内容的默认水平对齐方式为居中对齐

　　（2）要创建一个左右框架，右边框架宽度是左边框架的3倍，以下HTML语句正确的是：

　　A．FRAMESET cols=*, 2*

　　B．FRAMESET cols=*, 3*

　　C．FRAMESET rows=*, 2*

　　D．FRAMESET rows=*, 3*

　　（3）要创建一个上下框架，下边框架高度是上边框架的3倍，以下HTML语句正确的是： 。

　　A．FRAMESET cols=*, 2*

　　B．FRAMESET cols=*, 3*

　　C．FRAMESET rows=*, 2*

　　D．FRAMESET rows=*, 3*

　　（4）要创建一个如图所示的框架，应使用以下代码： 。

　　FRAMESET rows=120,* FRAME

　　FRAME

　　/FRAMESET

　　/FRAMESET

　　D．FRAMESET rows=100,120,*

　　FRAME

　　FRAME

　　FRAME

　　/FRAMESET

　　/FRAMESET

　　（5）要创建一个如图所示的框架，应使用以下代码： 。

　　网页设计与开发测试题

　　A. FRAMESET cols=100,*

　　FRAME

　　FRAMESET cols=150,*

　　FRAME

　　FRAME

　　/FRAMESET

　　/FRAMESET

　　B．FRAMESET rows=100,*

　　FRAME

　　FRAMESET cols=150,*

　　FRAME

　　FRAME

　　/FRAMESET

　　/FRAMESET

　　C．FRAMESET cols=100,*

　　FRAME

　　FRAMESET rows=150,*

　　FRAME

　　FRAME

　　/FRAMESET

　　/FRAMESET

　　D．FRAMESET rows=100,120,*

　　FRAME

　　FRAME

　　FRAME

　　/FRAMESET

　　/FRAMESET

　　（6）以下关于框架显示效果的说法中，错误的是： 。

　　A. 只有所有相邻框架的边框都设置为0，才能隐藏边框。

　　B. 可以在 FRAME 标记符中使用 marginwidth 和 marginheight 属性控制框架内容与框架边框之间的距离。

　　C. 框架的边框默认可以移动。

　　D. 框架默认时有滚动条。

　　（7）以下特殊框架名称中，代表一个新的浏览器窗口的是： 。

　　网页设计与开发测试题

　　A．_top B．_self C．_parent D．_blank

　　第3题 填空题

　　（1）要控制单元格内容与表格框线之间的空白，应在 TABLE 标记符中使用属性 。

　　（2）要使整个表格行采用某种对齐方式，应在 标记符中使用align属性。

　　（3）创建超链接时，要使目标文件在一个新窗口中打开，应使用a href=test.htm 跳转到新窗口

　　（4）设置超链接的目标框架时，除了可以使用特殊框架名，还可以使用框架集文件中 标记符指定的 name 属性所对应的框架。

　　（5）在 HTML 表格中进行单元格合并时，可以使用TD或TH的 属性进行行合并，使用它们的 colspan 属性进行列合并。

　　（6）在 HTML 表格中进行单元格合并时，可以使用TD或TH的rowspan属性进行行合并，使用它们的 属性进行列合并。

　　第4题 问答题

　　（1）简要说明表格与框架布局的区别。（6分）

　　第5题 综合题

　　1、编写出实现如图所示页面效果的关键html代码。其中，A、B、C、D、E均为默认字号和默认字体，并且加粗显示，它们都位于各自单元格的正中间，A单元格的高度为200像素，B单元格的高度为100像素，C单元格的宽度为100像素，高度为200像素。（10分）

　　2、已知页面效果如图所示（其中的细线效果均为一像素粗细，颜色为黑色），请填写以下

　　网页设计与开发测试题

　　html代码中留下的空白（编号相同的空白表示应填写相同的内容），注意填写在题后的空白里。（10分）

　　align=center

　　TR height=100

　　TD width=100

　　TD width=600H1 align=centerFONT （4） =楷体_gb2312如梦令/FONT/H1

　　TR TD colspan=3TR height=600

　　TD width=100

　　TD width=1

　　TD width=600 align=middle valign=top昨夜雨疏风骤，浓睡不消残酒。试问卷帘人，却道海棠依旧。知否？知否？应是绿肥红瘦。

　　/TABLE

　　（1）

　　（2）

　　（3）

　　（4）

　　（5）

　　3、已知源代码如下所示（共5个文件，都位于同一目录下），请用文字或示意图（也可结合使用）说明网页效果。（10分）

　　-------------------index.htm-----------------

　　TITLE框架结构/TITLE/HEAD

　　FRAMESET cols=150,*

　　FRAME src=content.htm

　　FRAME src=main.htm name=content

　　网页设计与开发测试题

　　/FRAMESET

　　/HTML

　　---------------content.htm-------------------

　　TITLE目录/TITLE

　　STYLEA{text-decoration:none}/STYLE

　　/HEAD

　　A href=file1.htm target=content文件1

　　A href=file2.htm target=_blank文件2

　　/BODY

　　/HTML

　　---------------main.htm---------------------

　　内容/HTML

　　----------file1.htm------------

　　内容1/HTML

　　----------file2.htm------------

　　内容2/HTML

　　4、已知网页初始效果如图所示，整个窗口分为左右两框，左边框架为150像素；单击左边框架中的“文件1”超链接，将在右边框架中显示“内容1”；单击左边框架中的“文件2”超链接，将在当前整个窗口中显示“内容2”（即框架结构消失）。所有的超链接均没有下划线。请填写以下源代码中的空白。注意：所有5个文件都位于同一目录下。（10分）

　　-------------------index.htm-----------------

　　TITLE框架结构/TITLE/HEAD

　　FRAMESET

　　5、已知页面效果如图所示（其中的细线效果均为一像素粗细，颜色为黑色），请填写以下html代码中留下的空白（编号相同的空白表示应填写相同的内容），注意填写在题后的空白里。（10分）

　　TABLE align=center

　　TR height=100

　　网页设计与开发测试题

　　TD width=100

　　TD width=600FONT face=楷体_gb2312如梦令/FONT/H1TR height=1

　　TD =3TR height=600

　　TD width=100

　　TD width=1

　　TD width=600 align=middle valign=top昨夜雨疏风骤，浓睡不消残酒。试问卷帘人，却道海棠依旧。知否？知否？应是绿肥红瘦。

　　/TABLE

　　6、已知页面效果如图所示，请填写以下html代码中留下的空白。（10分）。

　　table border bgcolor=#eeeeee

　　td align=centerb情况登记

　　姓名：

　　密码：INPUT size=20 value=pwd

　　性别：INPUT name=sex type=radioINPUT name=sex type=radiotrtdnbsp;INPUT value=提交 INPUT type=reset /table

　　/form

　　7、已知页面效果如图所示（其中的细线效果为一像素粗细，颜色为灰色），请填写以下html代码中留下的空白。（10分）

　　TABLE cellpadding=5 align=center bgcolor=#dddddd

　　网页设计与开发测试题

　　TD colspan=2个人信息

　　TR bgcolor=white

　　姓名：INPUT size=20

　　TR bgcolor=white密码：INPUT size=20 value=pwd TR bgcolor=white

　　性别：INPUT name=sex type=radioINPUT type=radioTRTDnbsp;INPUT value=提交 INPUT type=reset value=重写

　　/TABLE

　　/FORM

　　8、已知页面效果如图所示，请填写以下html代码中留下的空白。（10分）。

　　table width=500 height=500

　　td height=300 width=100 /td

　　td height=100 width=400 colspan=4D

　　td height=200 width=100 rowspan=2E

　　/td

　　td height=300 width=100 rowspan=4C

　　td height=100 width=100I

　　td height=200 width=100 rowspan=2G

　　网页设计与开发测试题

　　td height=100 width=200F

　　td height=100 width=400 colspan=4B

　　/table

　　9、已知页面效果如图所示（其中的细线效果均为一像素粗细，颜色为灰色），请填写以下html代码中留下的空白。（10分）

　　TABLE cellpadding=5 align=center bgcolor=#cccccc

　　TD colspan=2个人信息

　　TR bgcolor=white

　　姓名：INPUT size=20

　　TR bgcolor=white密码：INPUT size=20 value=pwd

　　TR bgcolor=white

　　职业：select size=1 name=D1

　　option selected学生/option

　　option教师/option

　　option职员/option

　　option军人/option

　　option经理/option

　　option其他/option

　　/select

　　TR bgcolor=white

　　收入：input type=radio value=V1 name=R1 id=fp1label

　　以下/labelinput type=radio name=R1 value=V2 id=fp2label for=fp22000以上/label

　　INPUT value=提交 type=submit INPUT type=reset value=重写

　　/TABLE

　　/FORM

　　网页设计与开发测试题

　　10、已知网页初始效果如图1所示，整个窗口分为三框，左边框架为180像素宽，右上框架占窗口高度的20％。单击左边框架中的“链接1”超链接，将在右下框架中显示“page1”；单击左边框架中的“链接2”超链接，将在一个新窗口中显示“page2”，单击左边框架中的“链接3”超链接，将在整个窗口中显示“page3”（即框架结构消失）。对于所有的超链接，当鼠标指针移动到超链接上时，下划线消失并且字体变为斜体，如图2所示。请填写以下源代码中的空白。注意：所有5个文件都位于同一目录下。（10分）

　　图

　　1

　　图2

　　-------------------index.htm-----------------

　　title框架集网页/title

　　/head

　　网页设计与开发测试题

　　frameset frame name=left scrolling=no noresize frameset rows=20%,*

　　frame name=rtop src=top.htm

　　frame name=rbottom src=main.htm

　　/frameset

　　/frameset

　　/html

　　---------------left.htm-------------------

　　style

　　{text-decoration:none;font-style:italic} /style

　　/head

　　a href=page1.htm链接1 a href=page2.htm 链接2 a href=page3.htm target=_top链接3 /body

　　/html

　　---------------top.htm---------------------

　　横幅广告/body

　　/html

　　----------main.htm------------

　　/body/html

　　----------page1.htm------------

　　page1/body

　　/html

　　----------page2.htm------------

　　page2/body

　　/html

　　----------page3.htm------------

　　page3/body

　　/html

　　网页设计与开发测试题

　　11、已知页面效果如图所示（其中，A、B、C、D、E均为默认字号和默认字体，并且加粗显示，它们都位于各自单元格的正中间，A单元格的高度为200像素，B单元格的高度为100像素，C单元格的宽度为100像素，高度为200像素），请填写以下html代码中留下的空白。（10分）。

　　table width=300 border=1

　　td align=center A

　　td colspan=2 height=100 tr align=center

　　td height=100 C

　　td colspan=2 height=100 E

　　/table

　　12、已知页面效果如图所示（其中所有的线条粗细均为 1 像素，颜色为黑色；“内容”所在单元格的背景色为 #dddddd），请填写以下html代码中留下的空白。（10分）

　　网页设计与开发测试题

　　title/title

　　/head

　　h1 align=center主题1

　　hr align=left =1 width=90% color=black

　　table border=0 cellpadding=0 =0 width=100% height=250

　　td width=100 valign=top

　　主题1

　　主题2

　　主题3

　　td bgcolor=black

　　td height=301

　　table cellspacing=1 cellpadding=5 align=center

　　bgcolor=black width=80% height=200

　　tr bgcolor=#dddddd height=50

　　td align=center内容

　　tr bgcolor=white

　　p align=left这里是内容

　　/table

　　/table

　　/body

　　网页设计与开发测试题

　　/html

　　13．已知网页效果如图1，图2，图3所示。图1是第一个网页（index.htm），单击“进入内容页面”超链接，窗口显示变为图2（整个窗口分为两框，左边框架占窗口宽度的20％；左边窗口页面中的超链接默认没有下划线，当鼠标移动到超链接上时显示下划线）；单击左边窗口中的“主题2”超链接，将在右边窗口中显示对应的页面，如图3所示（单击左边窗口中的“主题1”超链接，将在右边窗口中显示对应的页面，如图2所示）；如果单击左边窗口中的“返回主页”链接，框架结构将消失，窗口显示如图1所示。请填写以下源代码中的空白。注意：所有文件都位于同一目录下。（10分）

　　图 1 主页（index.htm）

　　网页设计与开发测试题

　　图 2 内容页面（主题1）

　　图 3 主题2

　　-------------------index.htm-----------------------------------------------------------------------

　　title主页/title

　　/head

　　网页设计与开发测试题

　　p align=center

　　p align=center

　　p align=center

　　p align=center

　　a href=index-frame.htm进入内容页面 /a/p

　　/body

　　/html

　　--------------- index-frame.htm -------------------------------------------------------------

　　title内容页面/title

　　/head

　　frameset （1）

　　frame name=contents src=contentpage.htm

　　frame src=topic1.htm

　　/frameset

　　/html

　　----------contentpage.htm-------------------------------------------------------------------

　　title目录页面/title

　　style

　　a{text-decoration:none}

　　/style

　　/head

　　a href=topic1.htm target=main主题1

　　a href=topic2.htm target=main主题2

　　a href=index.htm返回主页

　　/body

　　/html

　　----------topic1.htm------------------------------------------------------------------

　　title主题1页面/title

　　/head

　　网页设计与开发测试题

　　主题1内容

　　/body

　　/html

　　----------topic2.htm-------------------------------------------------------------------

　　title主题2页面/title

　　/head

　　主题2

　　主题2内容

　　/body

　　/html

　　第五章 表单与特殊对象

　　第1题 判断正误

　　（1）在HTML中，与表格一样，表单也能嵌套。

　　（2）一个网页中只能包含一个表单。

　　（3）在HTML表单中，文本框、口令框和复选框都是用INPUT标记符生成的。

　　（4）在HTML表单中，提交按钮和重置按钮都可以用图象表示。

　　（5）在网页中插入Flash动画，通常需要使用OBJECT标记符。

　　（6）Java小应用程序对象既可以用APPLET标记符插入，也可以用OBJECT标记符插入。

　　（7）在表单标记符FORM中可以嵌套表格标记符TABLE。

　　（8）在表格标记符TABLE中可以嵌套表单标记符FORM。

　　（9）在网页中插入Flash动画，只能使用EMBED标记符。

　　第2题 单选题

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

　　A．INPUT

　　B．INPUT type=password

　　C．INPUT type=checkbox

　　D．INPUT type=radio

　　（2）以下有关表单的说明中，错误的是： 。

　　A．表单通常用于搜集用户信息。

　　B．在 FORM 标记符中使用 action 属性指定表单处理程序的位置。

　　C．表单中只能包含表单控件，而不能包含其他诸如图片之类的内容。

　　D．在 FORM 标记符中使用 method 属性指定提交表单数据的方法。

　　（3）以下有关表单的说明中，错误的是： 。

　　网页设计与开发测试题

　　A．填写完毕的表单通常要发送到服务器端由特定程序处理。

　　B．在 FORM 标记符中使用 action 属性指定表单处理程序的位置。

　　C．在 FORM 标记符中使用 method 属性指定提交表单数据的方法。

　　D．表单中的“重置”按钮是必不可少的。

　　（4）在指定单选框时，只有将以下 属性的值指定为相同，才能使它们成为一组。

　　A．type B．name C．value D．checked

　　（5）创建选项菜单应使用以下标记符： 。

　　A．SELECT 和 OPTION

　　B．INPUT 和 LABEL

　　C．INPUT

　　D．INPUT 和 OPTION

　　（6）以下有关按钮的说法中，错误的是： 。

　　A．可以用图像作为提交按钮。

　　B．可以用图像作为重置按钮。

　　C．可以控制提交按钮上的显示文字。

　　D．可以控制重置按钮上的显示文字。

　　（7）以下表单控件中，不是由 INPUT 标记符创建的为：

　　A. 单选框

　　B. 口令框

　　C. 选项菜单

　　D. 提交按钮

　　（8）要给表单控件设置标签，以下代码中正确的是：

　　A. INPUT type=checkbox name=newsLABEL for=news新闻/LABEL

　　B. INPUT type=checkbox for=newsLABEL id=news新闻/LABEL

　　C. INPUT type=checkbox for=newsLABEL name=news新闻/LABEL

　　D. INPUT type=checkbox id=newsLABEL for=news新闻/LABEL

　　第3题 填空题

　　（1）要在表单中添加一个默认时为选中状态的复选框，应使用语句 。

　　（2）要创建一个图像提交按钮，应将 INPUT 标记符的 type 属性指定为 。

　　（3）在表单中添加选项菜单时，应使用 和 标记符，其中， 标记符不能省略结束标记符。

　　（4）要在表单中添加一个口令框（密码框），应使用语句 。

　　（5）在表单中使用 INPUT 标记符创建提交按钮时， 属性用于控制按钮上的文字。

　　第4题 问答题

　　（1）任意列举2种可以在页面中添加多媒体效果的方法，并简要说明如何操作。

　　（2）简要说明表单的基本工作原理。

　　网页设计与开发测试题

　　第六章

　　第1题 判断正误

　　（1）在CSS中，可以用3种以上的方式来表示颜色。

　　（2）CSS样式表项的组成为：selector{property1:value1, property2:value2, ??}

　　（3）在CSS中要设置超链接的效果，应指定虚类selector。

　　（4）CSS中的color属性用于设置HTML元素的背景颜色。 第2题 单选题

　　（1）以下选项中不能用来表示 CSS 颜色的是：

　　A. red

　　B. #FF0000

　　C. rgb(f, 0, 0)

　　D. rgb(100%, 0,0)

　　（2）以下选项中不能用来表示 CSS 颜色的是：

　　A. red

　　B. #F00

　　C. rgb(f, 0, 0)

　　D. rgb(100%, 0,0)

　　（3）以下有关样式表项的定义中，正确的是：

　　A. H1{font-family:楷体_gb2312, text-aligh:center}

　　B. H1{font-family=楷体_gb2312, text-aligh=center}

　　C. H1{font-family:楷体_gb2312; text-aligh:center}

　　D. H1{font-family=楷体_gb2312; text-aligh=center}

　　（4）以下有关样式表项的定义中，正确的是：

　　A. P{font-size=24px, text-aligh=center}

　　B. P{font-size:24px, text-aligh:center}

　　C. P{font-size=24px; text-aligh=center}

　　D. P{font-size: 24px; text-aligh:center}

　　（5）以下关于样式表项的定义中，错误的是：

　　A. H1, H2 {color:red}

　　B. H1 B{color:red}

　　C. H1#color_red{color:red}

　　D. A:active {color:red}

　　第3题 填空题

　　（1）要使网页中所有的超链接都不显示下划线，样式表项应为 。

　　（2）要定义鼠标悬停状态的样式，应使用的selector为 。

　　网页设计与开发测试题

　　（3）如果要定义一个可应用于所有标记符的通用类 test，应使用 {color:red}

　　（4）要在 HTML 标记符中直接嵌入样式，应使用标记符的 属性。

　　（5）在网页中使用 CSS 包括三种常用方式： 、将样式定义嵌入到网页中以及将样式定义包含在外部 CSS 样式文件。

　　（6）在网页中使用 CSS 包括三种常用方式：将样式定义直接嵌入到标记符中、 以及将样式定义包含在外部 CSS 样式文件。

　　（7）在网页中使用 CSS 包括三种常用方式：将样式定义直接嵌入到标记符中、将样式定义嵌入到网页中以及 。

　　（8）CSS 样式的作用包括：① 简化网页的格式设置工作；② ；③ 大大加强网页的表现力。

　　（9）CSS 样式的作用包括：① 简化网页的格式设置工作；② 增强网页的可维护能力；③ 。

　　第4题 问答题

　　（1）举例说明在网页中使用CSS样式表的三种方式（都使用对p标记符应用color属性为例），并简要分析各自的特点。提示：LINK标记符的用法：LINK rel=”stylesheet” type=”text/css” href=”” （9分）

　　（2）简要说明CSS样式表在网页制作中的作用。

　　（3）举例说明CSS样式表在网页制作中的作用。

　　第七章（暂无）

　　第1题 判断正误

　　第2题 单选题

　　第3题 填空题

　　网页设计与开发测试题

　　第4题 问答题

　　第八章（暂无） 第1题 判断正误

　　第2题 单选题

　　第3题 填空题 第4题 问答题

　　第九章（暂无） 第1题 判断正误

　　第2题 单选题

　　第3题 填空题

　　网页设计与开发测试题

　　第4题 问答题

　　一、选择题

　　1．CSS是（ C ）的缩写。

　　A． Colorful Style Sheets

　　B． Computer Style Sheets

　　C． Cascading Style Sheets

　　D． Creative Style Sheets

　　2． 引用外部样式表的格式是（ B ）。

　　A． style src=mystyle.css

　　B． link rel=stylesheet type=text/css href=mystyle.css

　　C． stylesheetmystyle.css/stylesheet

　　3． 引用外部样式表的元素应该放在（ C ）。

　　A． HTML文档的开始的位置

　　B． HTML文档的结束的位置

　　C． 在head元素中

　　D． 在body元素中

　　4． 内部样式表的元素是（ A ）。

　　A． style

　　B．

　　C． script

　　5． 元素中定义样式表的属性名是（ A ）。

　　A． style

　　B． class

　　网页设计与开发测试题

　　C． styles

　　D． font

　　6． 下列（ C ）是定义样式表的正确格式。

　　A． {body:color=black(body}

　　B． body:color=black

　　C． body {color: black}

　　D． {body;color:black}

　　7． 下列（ A ）是定义样式表中的注释语句。

　　A． /* 注释语句 */

　　B． // 注释语句

　　C． // 注释语句 //

　　D． ‘ 注释语句

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

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

　　B． 在HTML的标记中定义样式表

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

　　D． 以上都可以

　　9． 样式表定义 #title {color:red} 表示（ B ）。

　　A． 网页中的标题是红色的

　　B． 网页中某一个id为title的元素中的内容是红色的

　　C． 网页中元素名为title的内容是红色的

　　D． 以上任意一个都可以

　　10． 样式表定义 .outer {background-color:yellow} 表示（ B ）。

　　A． 网页中某一个id为outer的元素的背景色是红色的

　　网页设计与开发测试题

　　B． 网页中含有class=”outer” 元素的背景色是红色的

　　C． 网页中元素名为outer元素的背景色是红色的

　　D． 以上任意一个都可以

　　47.光标移动文本框上方时，文本框边框的颜色就改变，这是因为激发了下列的（ C ）事件。

　　A. onFocus

　　B. onMouseUp

　　C. onMousrOver

　　D. onMousMOve

　　48.下列属性哪一个能够实现层的隐藏？（ C ）

　　A. display:false

　　B. display:hidden

　　C. display:none

　　D. display:

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

　　A. font-size

　　B. font-style

　　C. text-align

　　D. font-color

　　50.页面上有一个按钮btn，同时定义好了一个类样式（按钮图片样式表btnPic），那么使用（ B ）就可以实现背景图片的改变。

　　A. onMouseOver=className=btnPic

　　B. onMouseOver=this.className=btnPic

　　C. onMouseOver=this.style.className=btnPic

　　网页设计与开发测试题

　　D. this.btn.style.className=btnPic

　　二、简答题

　　1、什么是标记选择器并举例说明。

　　CSS标记选择器就是声明哪些标记采用哪种CSS样式。

　　例如：h1{ color:red; font-size:25px; }

　　2、什么是类别选择器并举例说明。

　　类别选择器的名字可以由用户自定义，用做html页面某标签的class属性值。 例如：.red{ color:red; font-size:18px }

　　3、什么是ID选择器并举例说明。

　　ID选择器是针对html页面中某个具有此ID属性的标签设置的CSS样式。 例如：#bold{ font-weight:bold; }

　　4、举例说明什么是行内式CSS样式。

　　行内式是直接对html的标记使用style属性，然后将CSS代码直接写在其中。 例如：p style=”color:#ff0000; font-size:20px正文内容

　　5、举例说明什么是内嵌式CSS样式。

　　内嵌样式表就是将CSS写在 与/head之间，并且用style/style标记进行声明。

　　例如：style type=”text/css”

　　p{ color:#0000ff }

　　/style/head

　　6、举例说明什么是链接式CSS样式。

　　链接式CSS样式表是通过使用html链接文件标签link将外部CSS应用到本页面的样式使用方法。

　　例如：link href=”myCSS.css” type=”text/css” rel=”stylesheet”

　　7、举例说明什么是导入式CSS样式。

　　网页设计与开发测试题

　　采用import方式导入的样式表，在html文件初始化时，会被导入到html文件内，作为文件的一部分，类似内嵌式的效果。

　　例如：@import url(sheet.css);

　　8、什么是交集选择器，并举例说明。

　　交集选择器是由两个选择器直接连接构成，其结果是选中二者各自元素范围的交集。其中第1个必须是标记选择器，第2个必须是类别选择器或者ID选择器。 例如：p.special{ color:red }

　　9、什么是并集选择器，并举例说明。

　　并集选择器或者称为“集体声明”，它的结果是同时选中各个基本选择器所选择的范围。

　　例如：h1,h2,p{ color:purple; font-size:15px }

　　10、什么是后代选择器，并举例说明。

　　后代选择器的写法就是把外层的选择器名字写在前面，内层的选择器名字写在后面，之间用空格分隔。例如：p span{ color:red }

　　11、在CSS中一个独立的盒子模型有哪几部分组成？

　　content（内容）、border（边框）、padding（内边距）和margin（外边距）

　　12、举例说明什么是块级元素和行内元素？

　　块级元素总是占据一个矩型区域，并且同级兄弟块依次竖直排列，左右撑满。例如：

　　行内元素不占有独立的区域，并且同级元素之间横向排列，到最右端自动这行。例如：

　　13、解释一下div标签的作用

　　是一个区块容器标记，即与之间相当于一个容器，可以容纳段落、标题、表格、图片等各种html元素。

　　14、解释一下span标签的作用

　　标记和一样，作为容器可以容纳各种html元素，但它是一个行内元素，在它的前后不会换行。

　　15、解释盒子模型的float属性。

　　网页设计与开发测试题

　　float属性默认为none，也就是标准流通常的情况。如果将float属性的值设置为left或right，元素会向其父元素的左侧或右侧靠近，同时默认情况下，盒子的宽度不再伸展，而是收缩，根据盒子里面的内容的宽度来确定。

　　16、解释盒子模型的display属性。

　　display属性用于确定盒子的类型。display属性设为inline，即为“行内”；设为block，即为“块级”；设为none，即为“无”，也就是隐藏盒子。

　　17、圆角框主要有哪几种制作方法？

　　两背景图像法、四图像不固定宽度圆角框、五图像二维滑动门圆角框。

　　18、使用CSS主要有哪几种布局方式？

　　两列布局、三列布局、多列布局。

　　19、CSS布局方法与表格布局方法相比，有哪些优势？

　　（1）页面载入更快；（2）降低网站流量费用；（3）易于修改；

　　（4）视觉一致（5）更易于被搜索引擎找到。

　　20、使用CSS布局的网页应实现哪些要求？

　　（1）宽度使用多列布局，并保证页头和页脚正确显示；

　　（2）可以指定列宽度固定，其余列宽度自适应；

　　（3）在html中，个列可以任意顺序排列，最终效果都正确显示。

　　三、案例分析题

　　2、解释以下CSS样式的含义。

　　form{

　　border:1px dotted #AAAAAA;

　　padding:3px 6px 3px 6px;

　　margin:0px;

　　font:14px Arial;

　　网页设计与开发测试题

　　}

　　select{

　　width:80px;

　　background-color:#ADD8E6;

　　}

　　设置表单边框宽度为1px，点划线，颜色为#AAAAAA，内上、右、下、左边距分别为：3px 6px 3px 6px，外边距为0px，字体为14px大小的Arial字体。 设置选择框宽度为80px，背景颜色为#ADD8E6

　　3、解释以下CSS样式的含义。

　　input{

　　color:#00008B;

　　}

　　input.btn{

　　background-color:#ADD8E6;

　　padding:1px 2px 1px 2px;

　　}

　　设置input标签中字体颜色为#00008B；

　　input标签中id属性为btn的按钮背景颜色设为#ADD8E6，内上、右、下、左边距分别设为1px、2px、1px、2px

　　4、解释以下CSS样式的含义。

　　.rounded {

　　background: url(images-notebook/left-top.gif) top left no-repeat; }

　　.rounded h2 {

　　background: url(images-notebook/right-top.gif) top right no-repeat;

　　网页设计与开发测试题

　　padding:20px 20px 10px;

　　margin:0;

　　}

　　定义类选择器.rounded：背景图像为left-top.gif，从左上角开始，不平铺 定义后代选择器.rounded h2：背景图像为right-top.gif，从右上角开始，不平铺；内上、左右、下边距分别是20px 20px 10px，外边距为0

　　7、解释以下CSS样式的含义。

　　#header,#pagefooter,#container{

　　margin:0 auto;

　　width:85%;

　　}

　　#content{

　　position:absolute; width: 300px; }

　　设置id属性为header、pagefooter、container的div层上下外边框为0，左右外边框为auto，宽度为相对于父元素宽度的85%

　　设置id属性为content的div层为绝对定位，宽度为固定宽度300px

　　8、解释以下CSS样式的含义。

　　A:link { COLOR: #3333cc; TEXT-DECORATION: none }

　　A:visited { COLOR: #990099; TEXT-DECORATION: none }

　　A:active { COLOR: #ff0000; TEXT-DECORATION: underline }

　　A:hover { COLOR: #3333cc; TEXT-DECORATION: underline }

　　设置超链接样式：

　　未操作时：颜色为#3333cc，无下划线；

　　单击过后：颜色为#990099，无下划线；

　　网页设计与开发测试题

　　单击时：颜色为# ff0000，有下划线； 悬停时：颜色为# 3333cc，有下划线；