网页制作题库_带答案
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页制作》题库（含参考答案）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）在网页中显示特殊字符，如果要输入“<”，应使用_____D____。
答案：D A．lt; B．≪ C．< D．<
（3）以下说法中，错误的是：D。
答案：D
A．获取WWW服务时，需要使用浏览器作为客户端程序。
B．WWW服务和电子邮件服务是Internet提供的最常用的两种服务。
C．网站就是一系列逻辑上可以视为一个整体的页面的集合。
D．所有网页的扩展名都是.htm。
（4）以下说法中，错误的是：B。
答案：B
A．网页的本质就是HTML源代码。
B．网页就是主页。
C．使用“记事本”编辑网页时，通常应将其保存为 .htm 或.html 后缀。
D．本地网站通常就是一个完整的文件夹。
（5）以下说法中，错误的是：。
答案：D
A．主页是网站中的一个特定页面。
B．网页中的注释可以放在任何位置。
C．在HTML中， 表示空格。
D．在HTML中，< 表示>。
（6）浏览网页时，通常使用以下协议：C
A．mailto B．FTP C．HTTP D．TCP/IP
（7）在网页中显示特殊字符，如果要输入空格，应使用_______C__。
A．nbsp; B．&Nbsp; C．  D．
（8）以下软件中，不能直接用来编辑HTML 文件的是：___C______。
A．记事本B．FrontPage C．Flash D．Dreamweaver
（9）以下软件中，不属于所见即所得的网页编辑软件的是：_____B____。
A．记事本B．FrontPage C．GoLive D．Dreamweaver
（10）以下有关HTML 标记符的属性的说法中，错误的是：_____C____。
A．在HTML中，所有的属性都放置在开始标记符的尖括号里。
B．属性与HTML标记符的名称之间用空格分隔。
C．属性的值放在相应属性之后，用等号分隔；而不同的属性之间用分号分隔。
D．HTML 属性通常也不区分大小写。
（11）以下说法中，错误的是：C
A．网页可以设置背景声音。
B．如果同时设置网页的背景颜色和背景图案，在不修改浏览器默认设置的情况下仅显示背景图案。
C．网页的背景声音的文件格式只能是midi 格式。
W A V ,MPE
D．指定网页的背景图案时，既可以使用相对路径也可以使用绝对路径。
（12）以下说法中，错误的是：C
A．网页可以设置背景声音。
B．如果同时设置网页的背景颜色和背景图案，在不修改浏览器默认设置的情况下仅显示背景图案。
C．网页的背景声音的文件格式只能是wav 格式。
D．指定网页的背景图案时，既可以使用相对URL也可以使用绝对URL。
（13）设置正文和超链接颜色时，可以使用BODY 标记符的text、link、vlink 和alink 属性。
其中，用于设置未被访问的超链接的颜色的属性是：B
A．text B．link C．vlink(visited) D．alink(active)
第3题填空题
（1）如果要为网页指定黑色的背景颜色，应使用以下html语句：<body bgcolor=”black”> 案：bgcolor=black
（2）上网浏览网页时，应使用浏览器作为客户端程序。
答案：浏览器
（3）TITLE 标记符应位于标记符之间。
答案：HEAD
（4）要设置网页在黑色背景下显示白色文字，应使用语句。
答案：<body bgcolor=black text=white>
（5）要设置整个网页的背景颜色，应在body标记符中设置属性。
答案：bgcolor （6）设置整个网页的背景图案在body标记符中设置属性。
答案：background
第4题问答题
（1）简要说明html的基本工作原理。
（5分）
答题要点：1、标记符；2、超链接；3、属性。
答出后两个要点各得2分，第一个要点得1分。
（1）简要说明WWW工作的基本原理。
要点：浏览器、服务器、地址、超链接
文本格式
第1题判断正误
（1）用H1标记符修饰的文字通常比用H6标记符修饰的要小（错）。
（2）B标记符表示用粗体显示所包括的文字。
（对）
（3）指定滚动字幕时，不允许其中嵌入图象。
（错）
（4）指定水平线粗细的属性是size。
（对）
（5）指定水平线粗细的属性是width。
（错）
（6）指定电子邮件超链接时，href属性的取值是：mailto=邮件地址。
（错）mailto：邮件地址
（7）./public/index.htm是一个绝对URL。
（错）
（8）.cn是一个绝对URL。
（对）
（9）使用相对地址时，符号.. 表示当前目录。
（错）
（10）使用相对地址时，符号.. 表示上一级目录。
（对）
第2题单选题
（1）以下关于FONT标记符的说法中，错误的是：答案：D
A．可以使用color 属性指定文字颜色。
B．可以使用size 属性指定文字大小（也就是字号）。
C．指定字号时可以使用1~7 的数字。
D．语句<FONT size="+2">这里是2号字</FONT> 将使文字以2号字显示。
（比默认字体+2号）
（2）以下说法中，正确的是：。
答案：C
A．P标记符与BR标记符的作用一样。
B．多个P标记符可以产生多个空行。
C．多个BR标记符可以产生多个空行。
D．P标记符的结束标记符通常不可以省略。
（3）要控制水平线的粗细，应使用以下属性：。
答案：C
A．color
B．width
C．size
D．height
（4）以下代码中，不能产生多个空行效果的是：答案：B
A．<BR><BR><BR><BR>
B．<P><P><P><P>
C．<P> <P> <P> <P>
D．<BR> <BR> <BR> <BR>
（5）以下标记符中，默认align属性不是left的是：B
A．<P> B．<HR>（居中）C．<H1> D．<DIV>
（6）以下关于字体格式设置的说法中，错误的是：C答案：C
A．可以使用FONT 标记符指定文字颜色。
B．可以使用CSS 字体属性指定字体的大小。
C．可以使用FONT 标记符将字体设置为斜体效果。
D．可以使用CSS 字体属性将字体设置为斜体效果。
（7）以下关于字体格式设置的说法中，错误的是：答案：C
A．可以使用FONT 标记符指定文字大小。
B．可以使用CSS 字体属性指定文字颜色。
C．可以使用FONT 标记符将字体设置为斜体效果。
D．可以使用CSS 字体属性将字体设置为斜体效果。
（8）以下有关列表的说法中，错误的是：。
答案：D
A．有序列表和无序列表可以互相嵌套。
B．指定嵌套列表时，也可以具体指定项目符号或编号样式。
C．无序列表应使用UL 和LI 标记符进行创建。
D．在创建列表时，LI 标记符的结束标记符不可省略。
（9）以下有关列表的说法中，错误的是：。
答案：C
A．有序列表和无序列表可以互相嵌套。
B．有序列表默认的type 属性值是“1”。
C．无序列表默认的type 属性值是“circle”(是<disc>)。
D．在创建列表时，LI 标记符的结束标记符可以省略。
（10）以下有关列表的说法中，错误的是：。
答案：B
A．有序列表和无序列表可以互相嵌套。
B．有序列表默认的type 属性值是“A”（是1）。
C．无序列表默认的type 属性值是“disc”。
D．在创建列表时，LI 标记符的结束标记符可以省略。
第3题填空题
（1）<hr width=50%>表示创建一条的水平线。
答案：宽度为浏览器窗口50%的水平线
（2）在OL 标记符中，使用属性可以控制有序列表的数字序列样式。
答案：type （3）在UL 标记符中，使用属性可以控制无序列表的项目符号样式。
答案：type （4）要设置一条一像素粗、200像素长的左对齐的水平线，应使用语句。
答案：<hr size=1 width=200 align=left>
（5）要指定“比默认字体大一号，字体为隶书”的字体效果，可使用<FONT >文字</FONT>语句。
答案：size=+1 face="隶书"
（6）要使文字同时显示为粗体和斜体，应使用语句<B><I>text</I></B>。
答案：<B><I>text</B></I>（效果上也可以）
（7）如果要创建一个指向电子邮件，代码应该如下：
<a href=”mailto:”></a>答案：href=mailto:
（8）在指定页内超链接的时候，如果在某一个位置使用了<a ="target1">锚点</a>
语句定义了锚点，那么应使用以下语句，以便在单击超链接时跳转到锚点定义的位置：<a href= >锚点链接</a> 答案：name，#target1
（9）已知站点文件夹结构如图所示，要在interest.htm 这个网页中插入sunset.gif，应使用语句。
答案：<img src=../images/sunset.gif>
（10）已知站点文件夹结构如图所示，要在interest.htm 这个网页中创建一个能跳转到index.htm 文件的超链接（链接文字为“返回”），应使用语句。
答案：<a href=../index.htm>返回</a>
（11）已知站点文件夹结构如图所示，要在index.htm 这个网页中插入一个链接到interest.htm的超链接，并且使用frontpage.gif 作为超链接的源（也就是制作一个图像超链接），应使用语句：<a href="interest/interest.htm> </a>。
答案：<img src=../images/frontpage.gif>
（12）在指定锚点超链接的时候，如果在文件file1.htm某一个位置使用了<a ="target1">锚点</a>语句定义了锚点，那么应使用以下语句，以便在file2.htm中单击超链接时跳转到file1.htm中该锚点定义的位置：<a href= >锚点链接</a>
答案：name, file2.htm#target1
第4题问答题
（1）简要说明如何在html中创建锚点链接。
答题要点：1、<a name="target">；2、<a href="#target">。
（2）根据超链接的目标位置的不同，超链接一般包括哪些类别（锚点链接）。
答题要点：1、同一网站内页面间的链接；2、不同网站间页面间的链接；3、页面内的链接；
4、电子邮件链接；
5、空链接；
6、下载链接
使用图像
第1题判断正误
（1）GIF格式的图象最多可以显示256种颜色。
（对）
（2）创建图象映射时，理论上可以指定任何形状作为热点。
（对）
（3）GIF格式能够设置透明色。
（对）
（4）在常用的网页图像格式中，只有GIF格式能够设置透明色。
（错）
（5）Freehand是一种位图编辑软件。
（错）
（6）CorelDraw是一种矢量图编辑软件。
（对）
（7）在网页中使用图像时应该尽量使用更多的格式。
（错）
（8）在img标记符中使用align属性可以使其在页面中居中对齐。
（错）
第2题单选题
（1）以下关于JPEG图像格式中，错误的是：答案：B
A．适合表现真彩色的照片。
B．最多可以指定1024种颜色。
(256)
C．不能设置透明度。
D．可以控制压缩比例。
（2）以下说法中，错误的是：。
答案：B
A．GIF格式的图象采用无损压缩算法进行图象压缩。
B．只有GIF格式才能使用透明色。
Png也是透明色
C．GIF格式支持动画。
D．GIF格式最多可以显示256种颜色。
（3）以下说法中，错误的是：。
答案：D
A．JPEG格式使用有损压缩算法进行图象压缩。
B．处理JPEG格式的图象时，可以控制压缩比率。
C．JPEG格式的图象几乎没有颜色限制。
D．JPEG格式的图象具有透明色的特点。
不透明
（4）以下说法中，正确的是：。
答案：C
A．可以通过直接改文件名后缀来修改图象格式。
B．矢量图通常比位图的文件尺寸大。
C．使用图象处理软件可以修改图象的像素大小。
D．Flash是一种位图处理软件。
（5）以下说法中，正确的是：。
答案：B
A．在IMG 标记符中使用align 属性，可以控制图象在页面中的对齐。
B．在IMG 标记符中使用align 属性，可以控制图象与文字的环绕效果。
C．在IMG 标记符中使用valign 属性，可以控制图象与周围内容的垂直对齐。
D．在IMG 标记符中使用valign 属性，可以控制图象与周围内容的水平对齐。
（6）以下软件中，不属于位图编辑软件的是：D
A．Photoshop B。
Fireworks C。
PhotoImpact D。
Illustrator
第3题填空题
（1）请至少说明GIF 格式的两种特点：；。
答案：无损压缩，256色，动画，透明色。
4选2即可。
（2）请至少说明JPEG 格式的两种特点：；。
答案：有损压缩，真彩色，控制压缩比。
3选2即可。
（3）请至少说出两种以上的图像处理软件的名称：。
答案：photoshop，fireworks。
其他如photoimpact等也对。
（4）在给图象指定超链接时，默认情况下总是会显示蓝色边框，如果不想显示蓝色边框，应使用以下语句：
<a href=”test.htm”><img src=image.gif ></a>答案：border="0"
（5）在网页中插入图像时，最基本的两个属性是。
答案：src和alt
第4题问答题
（1）简要说明使用网页图像时应注意的问题。
要点：文件较小，数量和质量，动画
（2）简要说明GIF格式和JPEG格式图像的特点。
要点：GIF：无损压缩，256色，动画，透明色（4者答对其中三者即可得3分）
JPEG：有损压缩，真彩色，控制压缩比（3者答对两个即可得3分）
表格与框架
第1题判断正误
（1）HTML表格在默认情况下有边框。
（错）（没有边框）
（2）在HTML表格中，TD和TH标记符都可以用来包括单元格内容。
（对）
（3）在HTML表格中，表格的行数等于TR标记符的个数。
（对）
（4）在HTML表格中，表格的列数等于任意一行中TH与TD的个数。
（错）colspan=””跨行显示，有多少个栏就有多少个＜th＞
（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）以下说法中，错误的是：。
答案：D
A．表格在页面中的对齐应在TABLE 标记符中使用align 属性。
B．要控制表格内容的水平对齐，应在TR、TD、TH 中使用align 属性。
C．要控制表格内容的垂直对齐，应在TR、TD、TH 中使用valign 属性。
D．表格内容的默认水平对齐方式为居中对齐，默认是向左的
（2）要创建一个左右框架，右边框架宽度是左边框架的3倍，以下HTML语句正确的是：B
A．<FRAMESET cols="*, 2*">
B．<FRAMESET cols="*, 3*">
C．<FRAMESET rows="*, 2*">
D．<FRAMESET rows="*, 3*">
（3）要创建一个上下框架，下边框架高度是上边框架的3倍，以下HTML语句正确的是：。
答案：D
A．<FRAMESET cols="*, 2*">
B．<FRAMESET cols="*, 3*">
C．<FRAMESET rows="*, 2*">
（4）要创建一个如图所示的框架，应使用以下代码：。
答案：C A. <FRAMESET cols="100,* ">
<FRAME>
<FRAMESET cols="120,*">
<FRAME>
<FRAME>
</FRAMESET>
</FRAMESET>
B．<FRAMESET rows="100,* ">
<FRAME>
<FRAMESET cols="120,*">
<FRAME>
<FRAME>
</FRAMESET>
</FRAMESET>
C．<FRAMESET cols="100,* ">
<FRAME>
<FRAMESET rows="120,*">
<FRAME>
<FRAME>
</FRAMESET>
</FRAMESET>
D．<FRAMESET rows="100,120,* ">
<FRAME>
<FRAME>
<FRAME>
</FRAMESET>
</FRAMESET>
（5）要创建一个如图所示的框架，应使用以下代码：。
答案：B A. <FRAMESET cols="100,* ">
<FRAME>
<FRAMESET cols="150,*">
<FRAME>
<FRAME>
</FRAMESET>
</FRAMESET>
B．<FRAMESET rows="100,* ">
<FRAME>
<FRAMESET cols="150,*">
<FRAME>
<FRAME>
</FRAMESET>
</FRAMESET>
<FRAME>
<FRAMESET rows="150,*">
<FRAME>
<FRAME>
</FRAMESET>
</FRAMESET>
D．<FRAMESET rows="100,120,* ">
<FRAME>
<FRAME>
<FRAME>
</FRAMESET>
</FRAMESET>
（6）以下关于框架显示效果的说法中，错误的是：。
答案：D
A. 只有所有相邻框架的边框都设置为0，才能隐藏边框。
B. 可以在FRAME 标记符中使用marginwidth 和marginheight 属性控制框架内容与框架边框之间的距离。
C. 框架的边框默认可以移动。
D. 框架默认时有滚动条。
框有没有滚动条是根据框里面的内容来确定的
（7）以下特殊框架名称中，代表一个新的浏览器窗口的是：。
答案：D
A．_top B．_self C．_parent D．_blank
第3题填空题
（1）要控制单元格内容与表格框线之间的空白，应在TABLE 标记符中使用属性。
答案：cellpadding
（2）要使整个表格行采用某种对齐方式，应在标记符中使用align属性。
答案：tr
（3）创建超链接时，要使目标文件在一个新窗口中打开，应使用<a href=test.htm
>跳转到新窗口</a> 答案：target=_blank
（4）设置超链接的目标框架时，除了可以使用特殊框架名，还可以使用框架集文件中标记符指定的name 属性所对应的框架。
答案：frame
（5）在HTML 表格中进行单元格合并时，可以使用TD或TH的rowspan 属性进行行合并，使用它们的colspan 属性进行列合并。
（6）在HTML 表格中进行单元格合并时，可以使用TD或TH的rowspan属性进行行合并，使用它们的colspan 属性进行列合并。
第4题问答题
（1）简要说明表格与框架布局的区别。
（6分）
答题要点：1、表格是在同一个网页中将页面划分为不同区域；2、框架是在同一个浏览器窗口中显示多个网页；3、框架可以通过指定超链接的目标框架获得交互式的布局效果。
答出一个要点得2分。
第5题综合题
1、编写出实现如图所示页面效果的关键html代码。
其中，A、B、C、D、E均为默认字号和默认字体，并且加粗显示，它们都位于各自单元格的正中间，A单元格的高度为200像素，B单元格的高度为100像素，C单元格的宽度为100像素，高度为200像素。
（10分）
答题要点（标记符是否大小写没有关系）：
<table width=300 border="1" align=center>
<tr>
<td rowspan="2" align="center">
<b>A</b>
<td colspan="2" height="100" align="center">
<b>B</b>
<tr align="center">
<td height="100">
<b>E</b>
<td rowspan="2">
<b>C</b>
<tr align=center>
<td colspan="2" height="100">
<b>D</b>
</td>
</tr>
</table>
评分要点：（不一定要与参考答案完全一致，只要最后能显示出效果即可。
）
（1）正确地写出了表格的行列结构，给4分。
（2）正确地设置了表格各单元格大小，给2分。
（2）设置了表格的边框和居中对齐，给2分。
（3）设置了表格行或单元格的水平居中（垂直居中不用设置，如果设置了也不加分），给1分。
（4）正确地指定了粗体，给1分。
2、已知页面效果如图所示（其中的细线效果均为一像素粗细，颜色为黑色），请填写以下html代码中留下的空白（编号相同的空白表示应填写相同的内容），注意填写在题后的空白里。
（10分）
<TABLE cellspacing= （1）cellpadding= （2）align="center">
<TR height="100">
<TD width="100">
<TD width="1" （3）>
<TD width="600"><H1 align="center"><FONT （4）="楷体_gb2312">如梦令</FONT></H1>
<TR （5）="1">
<TD colspan="3" （3）>
<TR height="600">
<TD width="100">
<TD width="1" （3）>
<TD width="600" align="middle" valign="top"><H3><BR><BR>昨夜雨疏风骤，<BR>浓睡不消残酒。
<BR>试问卷帘人，<BR>却道海棠依旧。
<BR>知否？知否？<BR>应是绿肥红瘦。
</H3>
</TABLE>
（1）
（2）
（3）
（4）
（5）
答案：
（1）0（有无引号均对）
（2）0（有无引号均对）
（3）bgcolor=black或bgcolor=#000000（属性值有无引号均对）
（4）face
（5）height
3、已知源代码如下所示（共5个文件，都位于同一目录下），请用文字或示意图（也可结合使用）说明网页效果。
（10分）
-------------------index.htm-----------------
<HTML><HEAD><TITLE>框架结构</TITLE></HEAD>
<FRAMESET cols="150,*">
<FRAME src="content.htm">
<FRAME src="main.htm" name="content">
</FRAMESET>
</HTML>
---------------content.htm-------------------
<HTML>
<HEAD><TITLE>目录</TITLE>
<STYLE>A{text-decoration:none}</STYLE>
</HEAD>
<BODY>
<A href=file1.htm target="content">文件1</A><P>
<A href=file2.htm target="_blank">文件2</A>
</BODY>
</HTML>
---------------main.htm---------------------
<HTML>内容</HTML>
----------file1.htm------------
<HTML>内容1</HTML>
----------file2.htm------------
<HTML>内容2</HTML>
参考答案：
要点1：分为左右两框，左边框架为150像素（2分），内容为包含两个超链接的页面（1分），并且超链接没有下划线（1分），右边框架内容为“内容”（1分），整个网页的标
题为“框架结构”（1分）。
如果是示意图，应类似下图。
要点2：单击左边框架中的“文件1”超链接，将在右边框架中显示“内容1”（2分），单击左边框架中的“文件2”超链接，将在一个新窗口中显示“内容2”（2分）。
4、已知网页初始效果如图所示，整个窗口分为左右两框，左边框架为150像素；单击左边框架中的“文件1”超链接，将在右边框架中显示“内容1”；单击左边框架中的“文件2”超链接，将在当前整个窗口中显示“内容2”（即框架结构消失）。
所有的超链接均没有下划线。
请填写以下源代码中的空白。
注意：所有5个文件都位于同一目录下。
（10分）
-------------------index.htm-----------------
<HTML><HEAD><TITLE>框架结构</TITLE></HEAD>
<FRAMESET cols（1）= “150,*”（2）>
<FRAME src="content.htm">
<FRAME src="main.htm" name= “content”（3）>
</FRAMESET>
</HTML>
---------------content.htm-------------------
<HTML>
<HEAD><TITLE>目录</TITLE>
<STYLE> a（4）{text-decoration:none}</STYLE>
</HEAD>
<BODY>
<A href=file1.htm target="content">文件1</A><P>
<A href=file2.htm target= “_top”（5）>文件2</A>
</BODY>
</HTML>
---------------main.htm---------------------
<HTML>内容</HTML>
----------file1.htm------------
<HTML>内容1</HTML>
----------file2.htm------------
<HTML>内容2</HTML>
答案：
（1）cols
（2）"150,*"
（3）content
（4）A（大小写均可）
（5）"_top"
5、已知页面效果如图所示（其中的细线效果均为一像素粗细，颜色为黑色），请填写以下html代码中留下的空白（编号相同的空白表示应填写相同的内容），注意填写在题后的空白里。
（10分）
<TABLE （1）cellspace ="0" cellpadding= （2）0 align="center">
<TR height="100">
<TD width="100">
<TD width="1" bgcolor=”black”（3）>
<TD width="600"><H1 align=center（4）><FONT face="楷体_gb2312">如梦令
</FONT></H1>
<TR height="1">
<TD （5）colspan ="3" bgcolor=”#000”（3）>
<TR height="600">
<TD width="100">
<TD width="1" （3）bgcolor=”#000”>
<TD width="600" align="middle" valign="top"><H3><BR><BR>昨夜雨疏风骤，<BR>浓睡不消残酒。
<BR>试问卷帘人，<BR>却道海棠依旧。
<BR>知否？知否？<BR>应是绿肥红瘦。
</H3>
</TABLE>
答案：
（1）cellspacing
（2）0（有无引号均对）
（3）bgcolor=black或bgcolor=#000000（属性值有无引号均对）
（4）align=center
（5）colspan
6、已知页面效果如图所示，请填写以下html代码中留下的空白。
（10分）。
<form>
<table border bgcolor="#eeeeee">
<tr><td colspan=”2”(1) align=center><b>情况登记</b>
<tr><td>姓名：<td> <input type=”text” value=”name”>(2)
<tr><td>密码：<td><INPUT size="20" type=”password”(3) value="pwd">
<tr><td>性别：<td><INPUT name="sex" type=radio>男<INPUT name="sex" type=radio>女<tr><td> <td><INPUT type=”submit”(4) value="提交"> <INPUT type="reset" value=”重写” (5) >
</table>
</form>
答案：
（1）colspan="2"
（2）<input size="20" value="name">
（3）type="password"
（4）type="submit"
（5）value="重写"
7、已知页面效果如图所示（其中的细线效果为一像素粗细，颜色为灰色），请填写以下html 代码中留下的空白。
（10分）
<FORM>
<TABLE cellspacing=”0” (1) cellpadding="5" align="center" bgcolor="#dddddd">
<TR>
<TD (2) align=”center”colspan="2"><B>个人信息</B>
<TR bgcolor="white">
<TD>姓名：<TD><INPUT size="20">
<TR bgcolor="white"><TD>密码：<TD><INPUT size="20" type=”password”(3) value="pwd">
<TR bgcolor="white">
<TD>性别：<TD><INPUT name="sex" type=radio>男<INPUT name=”sex”(4) type=radio>女
<TR><TD> <TD><INPUT value="提交" type=”submit”(5) > <INPUT type="reset" value="重写">
</TABLE>
</FORM>
答案：
（1）cellspacing="1"
（2）align="center"
（3）type="password"
（4）name="sex"
（5）type="submit"
8、已知页面效果如图所示，请填写以下html代码中留下的空白。
（10分）。
<table （1）border=”1”width="500" height="500">
<tr>
<td height="300" width="100" （2）rowspan=”4”>A</td>
<td height="100" width="400" colspan="4">D</td>
</tr>
<tr>
<td height="200" width="100" rowspan="2">E</td>
<td height="100" width="200" colspan="2" valign=”top”（3）>H</td>
<td height="300" width="100" rowspan="4">C</td>
</tr>
<tr>
<td height="100" width="100" （4）align=”center”>I </td>
<td height="200" width="100" rowspan="2">G</td>
</tr>
<tr>
<td height="100" width="200" （5）colspan=”2”>F</td>
</tr>
<tr>
<td height="100" width="400" colspan="4">B</td>
</tr>
</table>
答案：
（1）border="1"
（2）rowspan="4"
（3）valign="top"
（4）align="center"
（5）colspan="2"
9、已知页面效果如图所示（其中的细线效果均为一像素粗细，颜色为灰色），请填写以下html代码中留下的空白。
（10分）
<FORM>
<TABLE （1）border=”1px gray”cellpadding="5" align="center" bgcolor="#cccccc">
<TR>
<TD （2）align=”center”colspan="2"><B>个人信息</B>
<TR bgcolor="white">
<TD>姓名：<TD><INPUT size="20">
<TR bgcolor="white"><TD>密码：<TD><INPUT size="20" type=”password”(3) value="pwd">
<TR bgcolor="white">
<TD>职业：<TD><select size="1" name="D1">
<option selected>学生</option>
<option>教师</option>
<option>职员</option>
<option>军人</option>
<option>经理</option>
<option>其他</option>
</select>
<TR bgcolor="white">
<TD>收入：<TD><input type="radio" value="V1" checked (4) name="R1" id="fp1"><label (5) for=”fp1”>2000以下</label> <input type="radio" name="R1" value="V2" id="fp2"><label for="fp2">2000以上</label>
<TR><TD> <TD><INPUT value="提交" type="submit"> <INPUT type="reset" value="重写">
</TABLE>
</FORM>
答案：
（1）cellspacing="1"
（2）align="center"
（3）type="password"
（4）checked
（5）for="fp1"
10、已知网页初始效果如图1所示，整个窗口分为三框，左边框架为180像素宽，右上框架占窗口高度的20％。
单击左边框架中的“链接1”超链接，将在右下框架中显示“page1”；单击左边框架中的“链接2”超链接，将在一个新窗口中显示“page2”，单击左边框架中的“链接3”超链接，将在整个窗口中显示“page3”（即框架结构消失）。
对于所有的超链接，当鼠标指针移动到超链接上时，下划线消失并且字体变为斜体，如图2所示。
请填写以下源代码中的空白。
注意：所有5个文件都位于同一目录下。
（10分）
图1
图2
-------------------index.htm-----------------
<html>
<head>
<title>框架集网页</title>
</head>
<frameset cols=”180,*” (1) >
<frame name="left" scrolling="no" noresize src=”left.html” (2) >。