网页设计精彩试题及问题详解

1、网页设计复习题第 1 题 判断正误（1）HTML 标记符的属性一般不区分大小写。 （对）（2）就是一个的页面集合。 （对）（3）将网页上传到 Internet 时通常采用 FTP 方式。（对）（4）所有的 HTML 标记符都包括开始标记符和结束标记符。 （错）（5）用 H1 标记符修饰的文字通常比用 H6 标记符修饰的要小（错） 。（6）B 标记符表示用粗体显示所包括的文字。 （对）（7）GIF 格式的图象最多可以显示 256 种颜色。（对）（8）HTML 表格在默认情况下有边框。 （错）（9）创建图象映射时，理论上可以指定任何形状作为热点。（对）（10 ）指定滚动字幕时，不允许其中嵌入图象。

2、 （错）1. 使用 FONT 标记符的 size 属性可以指定字体的大小。（）2. 就是一个的页面集合。（ ）3. GIF 格式的图象最多可以显示 1024 种颜色。（）4. 制作图像映射只需要使用 <AREA> 标记符。（）5. 在 HTML 表 格中，表格的列数等于第一行中 TH 与 TD 的 colspan 属性的和 。 （ ）6. 在 HTML 表格中， 在 TR、TD 或 TH 标记符中使用 align 属性可以控制单元格容的垂直对 齐。 （ ）7. 指定滚动字幕时，不允许其中嵌入图象。（）8. 框架是一种能在同一个浏览器窗口中显示多个网页的技术。（）9. CSS中的co

3、lor属性用于设置 HTML元素的背景颜色。（）10. CSS 样式表项的 组成格式为：selectorproperty1:value1,property2:value2, （ ）1. T 2. T 3. F 4. F5. F6. T 7. F 8. T 9. F 10. F11. 只有在框架结构的网页，才能将 A 标记符的 target 属性指定为 _blank 使得超在一个新的浏览器窗口中 打开 . 错判断正误(1) . HTML标记符通常不区分大小写？(2) .就是一个的页面集合？(3) . HTML表格在默认情况下有边框？(4) .在HTML表格中,表格的行数等于TR标记符的个数？(5

4、) .在HTML中，与表格一样，表单也能嵌套？答案：T T F T F(1) 所有的HTML标记符都包括开始标记符和结束标记符。(2) 将网页上传到In ternet时通常采用FTP方式。(3) GIF格式的图象最多可以显示 256种颜色。(4) HTML表格在默认情况下没有边框。(5) 在HTML表格中，在TR、TD或TH标记符中使用 align属性可以控制单 元格容的垂直对齐。(6) 只有在框架结构的网页中，才能将 A标记符的target属性指定为_blank， 从而使超目标文件在一个新的浏览器窗口中打开。(7) 在HTML表单中，文本框、口令框和复选框都是用INPUT标记符生成的。(8)

5、 个网页中只能包含一个表单。(9) 在CSS中要设置超的样式效果，应指定虚类selector。(10) CSS 样式表项的组成为：selectorproperty1:value1,property2:value2, 1. F2. T3. T4. F5. F6. F7. T8. F9. T10. F(5) 在HTML表格中，表格的列数等于任意一行中TH与TD的个数。F(6) HTML表格容的垂直对齐方式默认为垂直居中。T(7) 框架是一种能在同一个浏览器窗口中显示多个网页的技术。(8) 一个网页中只能包含一个表单。(9) Java小应用程序既可以用 APPLET标记符插入，也可以用 OBJECT

6、标记符插入。(10) 在CSS中，可以用3种以上的方式来表示颜色(6) T(7)T (8) F(9)T (10)旦(11)第2题单选题(20分)(3) 以下说法中，正确的是：C。A . P标记符与BR标记符的作用一样。B 多个P标记符可以产生多个空行。 C.多个BR标记符可以产生多个空行。D . P标记符的结束标记符通常不可以省略。21、以下说法中，错误的是：B oA .网页的本质就是HTML源代码。B .网页就是主页。C. 使用 记事本”编辑网页时，应将其保存为.htm或.html后缀D. 本地通常就是一个完整的文件夹。(1) 以下说法中，错误的是： D_ oA .获取WWW服务时，需要使用

7、浏览器作为客户端程序。B. WWW服务和电子服务是In ternet提供的最常用的两种服务。C. 就是一系列逻辑上可以视为一个整体的页面的集合。D .所有网页的扩展名都是.htm o(1) WWW 是的意思。答案：BA. 网页B .万维网C .浏览器 D .超文本传输协议(2) 在网页中显示特殊字符，如果要输入“<”，应使用 °答案：DA . lt; B. &Lt; C. &lt D . &It;(3 )以下有关列表的说法中，错误的是： ° 答案：DA .有序列表和无序列表可以互相嵌套。B .指定嵌套列表时，也可以具体指定项目符号或编号样式。C

8、.无序列表应使用UL和LI标记符进行创建。D .在创建列表时，LI标记符的结束标记符不可省略。(4) 以下关于FONT标记符的说法中，错误的是： 答案：DA .可以使用color属性指定文字颜色。B .可以使用size属性指定文字大小(也就是字号)。C.指定字号时可以使用17的数字。D .语句<FONT size="+2">这里是2号字</FONT>将使文字以2号字显示。(5) 以下关于JPEG图像格式中，错误的是： 答案：BA .适合表现真彩色的照片。B .最多可以指定1024种颜色。C.不能设置透明度。D .可以控制压缩比例。答案：A(6 )如果

9、要在表单里创建一个普通文本框，以下写法中正确的是：A. <INPUT>B. <INPUT type="password">C. <INPUT type="checkbox">D. <INPUT type="radio">(7 )以下有关表单的说明中，错误的是： 。 答案：CA .表单通常用于搜集用户信息。B .在FORM标记符中使用 action属性指定表单处理程序的位置。C.表单中只能包含表单控件，而不能包含其他诸如图片之类的容。D .在FORM标记符中使用 method属性指定提交表

10、单数据的方法。(8) 在指定单选框时，只有将以下属性的值指定为相同，才能使它们成为BA. type B. name C. value D. checked(9) 创建选项菜单应使用以下标记符： 。答案：AA. SELECT 禾口 OPTIONB. INPUT 和 LABELC. INPUTD. INPUT 和 OPTION(10 )以下有关按钮的说法中，错误的是： 。答案：BA .可以用图像作为提交按钮。B .可以用图像作为重置按钮。C.可以控制提交按钮上的显示文字。D .可以控制重置按钮上的显示文字。1以下关于FONT标记符的说法中，错误的是： 。A. 可以使用color属性指定文字颜色。B

11、. 可以使用size属性指定文字大小(也就是字号)。C. 指定字号时可以使用17的数字。D. 语句<FONT size="+2">这里是2号字</FONT> 将使文字以2号字显示。2以下有关列表的说法中，错误的是： 。A. 有序列表和无序列表可以互相嵌套。B. 指定嵌套列表时，也可以具体指定项目符号或编号样式。C. 无序列表应使用 UL和LI标记符进行创建。D. 在创建列表时，LI标记符的结束标记符不可省略。3要在表单里创建一个普通文本框，以下写法中正确的是：。A. <INPUT>B. vINPUT type="password

12、">C. vINPUT type="checkbox">D. vINPUT type="radio">4. 要创建一个左右框架，右边框架宽度是左边框架的3倍，以下 HTML组。答案:语句正确的A. <FRAMESET cols="*, 2*">B. vFRAMESET cols="*, 3*">C. <FRAMESET rows="*, 2*">D. <FRAMESET rows="*, 3*">5. 以下

13、说法中，正确的是:A. 在IMG标记符中使用B. 在IMG标记符中使用C. 在IMG标记符中使用D.在IMG标记符中使用align属性，可以控制图象在页面中的对齐。 align属性，可以控制图象与文字的环绕效果。 valign属性，可以控制图象与周围容的垂直对齐。 valign属性，可以控制图象与周围容的水平对齐。1. D 2. D 3. A 4. B 5. B(1) 以下说法中，错误的是： 。A .获取WWW服务时，需要使用浏览器作为客户端程序。B. WWW服务和电子服务是In ternet提供的最常用的两种服务。C. 就是一系列逻辑上可以视为一个整体的页面的集合。D .所有网页的扩展名都是

14、.htm。(2) 以下关于FONT标记符的说法中，错误的是： 。A .可以使用color属性指定文字颜色。B 可以使用size属性指定文字大小(也就是字号)。C.指定字号时可以使用17的数字。D .语句<FONT size="+2">这里是2号字</FONT>将使文字以2号字显示。(3) 以下说法中，正确的是： 。A 可以通过直接改文件名后缀来修改图象格式。B 矢量图通常比位图的文件尺寸大。C. 使用图象处理软件可以修改图象的像素大小。D. Flash是一种位图处理软件。(4) 以下说法中，错误的是： 。A 表格在页面中的对齐应在TABLE标记符中使

15、用 align属性。B 表格容的默认水平对齐方式为居中对齐。C.要控制表格容的垂直对齐，应在TR、TD、TH中使用valign属性。D .要控制表格容的水平对齐，应在TR、TD、TH中使用 align属性。(5) 以下选项中不能用来表示CSS颜色的是：。A. rgb(f, 0, 0)B. #FF0000C. redD. rgb(1OO%, 0,0)(1) D (2) D (3) C(4)B (5) A第3题 填空题(20分，每空2分，请将答案写在“填空”后面的空中)(1) 如果要为网页指定黑色的背景颜色，应使用以下html语句：<body >(2) <hr width=50%

16、>表示创建一条的水平线。(3) 在OL标记符中，使用属性可以控制有序列表的数字序列样式。(4) 请至少说明 GIF格式的两种特点： ;。(5) 请至少说出两种以上的图像处理软件的名称：。(6) 如果要创建一个指向电子的超，代码应该如下：<a > 指向 some on 的超 </a>(7) 在给图象指定超时，默认情况下总是会显示蓝色边框，如果不想显示蓝色边框，应使 用以下语句：<a href= "test.htm"><img src=image.gif ></a>（8）在指定页超的时候，如果在某一个位置使用了&

17、lt;a ="target1">锚点</a>语句定义了锚点，那么应使用以下语句，以便在单击超时跳转到锚点定义的位置：<a href=>锚点</a>（9 ）上网浏览网页时，应使用 作为客户端程序。答案：浏览器（10）TITLE 标记符应位于 标记符之间。答案： HEAD1. 如果要为网页指定黑色的背景颜色，应使用以下html语句：<body >2. <hr width=50%>表示创建一条的水平线。3. 要设置一条一像素粗、200像素长的左对齐的水平线，应使用 语句。4. 请至少说明 GIF格式的两种特点： ；

18、 。5. 请至少说出两种以上的图像处理软件的名称： 、 。6. 要控制单元格容与表格框线之间的空白，应在TABLE标记符中使用属性 。7. 要在表单中添加一个默认时为选中状态的复选框，应使用语句。8. 要在HTML标记符中直接嵌入样式，应使用标记符的 属性。 bgcolor="black" 长度为浏览器窗口宽度一半的水平线 <hr size=1 width=200 alig n=left支持透明色、支持动画、无损压缩、最多包含256种颜色等 fireworks、flash、photoshop 等 cellpaddi ng <in put type=checkbo

19、x checked> style（1） HEAD标记符位于标记符之间。（2） 要使文字同时显示为粗体和斜体，应使用语句。（3） 在UL标记符中使用属性，可以控制无序列表的项目符号样式。（4） 在网页中插入图像时，最基本的两个属性是、。（5） 请至少说出两种以上的图像处理软件的名称： 。（6） 要使整个表格行采用某种对齐方式，应在标记符中使用align属性。（7） 在指定锚点超的时候，如果在文件file1.htm 某一个位置使用了<a ="target1">锚点</a>语句定义了锚点，那么应使用以下语句，以便在 file2.htm中单击超时跳 转

20、到file1.htm中该锚点定义的位置：<a href=>锚点</a>。（1）HTML（2）<B><l>text</B></l>（3）type（4）src（5） alt（6）（7） fireworks flash 画图 photoshop 等（8）tr（9）name(10) file1.htm#target1第4题问答题（20分）1简要说明表格与框架在网页布局时的区别。答：表格是在同一个网页中将页面划分为不同区域； 框架是在同一个浏览器窗口中显示多个网页； 框架可以通过指定超的目标框架获得交互式的布局效果。2. 在网页设计

21、中使用图像时应注意那些问题。答：文件大小；数量和质量；动画。（需要展开回答）3举例说明在网页中使用CSS样式表的三种方式（都使用对p标记符应用color属性为例），并简要分析各自的特点。提示： LINK标记符的用法：<LINKrel= “stylesheet ” type= “ text/css ” href= “” >答：要点：（需要展开） 在标记符中直接嵌套样式信息，例如，p<style= “coloured红色显示的段落文本</p> ；优点是可以单独指定特定部分的样式，缺点是不利于维护。 在style标记符中指定样式信息，例如<style>pco

22、lor:red</style>优点是能对单独网页进行很好的格式控制和维护，缺点是不利于多个网页的维护。 外部样式表中的样式信息，例如，在当前网页目录中包括以下mycss.css文件：pcolor:red然后在网页中用以下代码 <LINK rel= “stylesheet ” type= “text/css ” href="” 优点是利于维护多个网页，缺点是不利于控制单独页面中的个别部分。5简述HTML工作原理HTML是用来表示 Web文档的规，是用于 Web文档的格式化语言。HTML通过标记来标记 要显示的网页中的各个部分，以通知 Web浏览器应该如何显示网页，即确

23、定网页容的格式。浏览器按照顺序阅读 HTML文件，然后浏览器根据容附近的HTML标记来解释和显示容，这个过程称为语法分析。HTML中的超文本功能，也就是超功能，使网页之间可以起来。网页与网页的构成了，而 与的就构成了多姿多彩的WWW。（3）任意列举2种可以在页面中添加多媒体效果的方法，并简要说明如何操作。（5分）要点：多媒体文件，嵌入Flash，使用java，设置背景音乐，等（4）简要说明表单的基本工作原理。（5分）p96要点：填写后由服务器处理，也可客户端处理第5题综合题（30 分）1编写出实现如图所示页面效果的关键 html代码。其中，A、B、C、D、E均为默认字号 和默认字体，并且加粗显

24、示，它们都位于各自单元格的正中间， A单元格的高度为200像素,B单元格的高度为100像素，C单元格的宽度为100像素，高度为200像素。（10分）<table width=300 border="1" alig n=cen ter><tr><td rowspa n="2" alig n="cen ter"><b>A</b><td colspan="2" height="100" align="center"&

25、gt;<b>B</b><tr alig n="ce nter"><td height="100"><b>E</b><td rowspa n="2"><b>C</b><tr alig n=cen ter><td colspan="2" height="100"><b>D</b></td></tr></table&g

26、t;评分要点：（不一定要与参考答案完全一致，只要最后能显示出效果即可。）（1 ）正确地写出了表格的行列结构，给4分。（2）正确地设置了表格各单元格大小，给2分。（2） 设置了表格的边框和居中对齐，给2分。（3） 设置了表格行或单元格的水平居中（垂直居中不用设置，如果设置了也不加分），给1 分。（4） 正确地指定了粗体，给1分。2、已知页面效果如图所示（其中的细线效果均为一像素粗细，颜色为黑色），请填写以下html代码中留下的空白（编号相同的空白表示应填写相同的容），注意填写在题后的空白里。（10 分）量”帖弋北J理二1 #尸页呵岸上吐，:曲U问禎牡醴营hBHiro怙扛Thf Ernet r .

27、-*1丸科血（I?股岂仙ZM<1>崛陆口如梦令二咋直雨嫌凤聲， 厳li不刑残 诚何巻巾人* 却道梅塞依im应足歸肥红疫"1国爭®巴曲<TABLE cellspacing=（1） cellpadding= （ 2）align="center"><TR height="100"><TD width="100">&n bsp;<TD width="1"（3）><TD width="600"><H1

28、align="center"><FONT（ 4）="楷体 _gb2312"> 女口梦令</F0NT></H1><TR （ 5）="1"><TD colspa n="3"（3）><TR height="600"><TD width="100">&n bsp;<TD width="1"（ 3）><TD width="600"

29、alig n="middle" valig n="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

30、）height3、已知源代码如下所示（共 5个文件，都位于同一目录下），请用文字或示意图（也可结合 使用）说明网页效果。（10分）index.htm<HTML><HEAD><TITLE> 框架结构 </TITLE></HEAD> <FRAMESET cols="150,*"><FRAME src="content.htm"><FRAME src="main.htm" name="content"></FRAMESE

31、T></HTML>content.htm<HTML><HEAD><TITLE> 目录 </TITLE><STYLE>Atext-decoration:none</STYLE></HEAD><BODY><A href=file1.htm target="content"> 文件 1</A><P><A href=file2.htm target="_blank"> 文件 2</A><

32、;/BODY></HTML>main.htm<HTML> 容 </HTML>file1.htm<HTML> 容 1</HTML>file2.htm<HTML> 容 2</HTML>参考答案：要点 1：分为左右两框，左边框架为 150像素（ 2分），容为包含两个超的页面（ 1 分），并 且超没有下划线（ 1 分），右边框架容为“容” （ 1 分），整个网页的标题为“框架结构” （ 1 分）。如果是示意图，应类似下图。1 ”（ 2分），单击左边框要点2:单击左边框架中的“文件 1”超，将在右边框架中显示“容架

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

34、E src="co nten t.htm"><FRAME src="mai n. htm" name=(3)></FRAMESET></HTML>conten t.htm<HTML><HEAD><TITLE> 目录 </TITLE><STYLE>(4)text-decoratio n:non e</STYLE></HEAD> <BODY><A href=file1.htm target="content

35、"> 文件 1</A><P> <A href=file2.htm target= (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"

36、;1.已知网页如下图所示，请将代码填写完整。<FORM>请输入：<INPUT><P>请输入密码：<INPUT ><P>n ame="ge nder">请选择性别：<INPUT name="gender"> 男<INPUT 女<P>请选择兴趣:<SELECT multiple size=2> <OPTION > 运动<OPTION> 美术<OPTION > 音乐</FORM> type="pa

37、ssword" type="radio" selected2写出实现下图所示表格的HTML代码。2. <table border="1" width="100%" cellspacing="0" cellpadding="0"> <tr alig n="ce nter"><td width="25%" ><b>A</b></td><td width="50%&

38、quot; rowspan="2" align="center"><b>B</b></td><td width="25%" ><b>C</b></td></tr><tr alig n="ce nter"><td width="25%" rowspa n="2" ><b>E</b</td><td width="

39、;25%"><b>D</b></td></tr><tr alig n="ce nter"><td width="75%" colspan="2" align="center" > <b>F</b></td></tr></table>(2)已知网页如下图所示，请将代码补充完整。以下是框架集文档<HTML><HEAD><TITLE>框架集

40、文档</TITLE></HEAD><FRAMESET _ ="100,*"><FRAME src="file1.htm"><FRAMESET ="200,*"><FRAME src="file2.htm"><FRAME src="file3.htm" name="mai n"></FRAMESET></HTML>以下是 file1.htm<HTML><

41、HEAD><TITLE>file1.htm 文件的容 </TITLE></HEAD><BODY><H1 align="center"> 我的主页 </H1></BODY></HTML>以下是 fiie2.htm<HTML><HEAD><TITLE>file2.htm 文件的容 </TITLE></HEAD><BODY><H3 align="center"><A hr

42、ef="file4.htm"target=""> 我的故事 </A></H3><H3 align="center"><A href="" target="_blank"> 我的爱好 </A></H3></BODY></HTML>以下是 file3.htm<HTML><HEAD><TITLE>file3.htm 文件的容 </TITLE></H

43、EAD><BODY><H4> 我是谁？ </H4></BODY></HTML>以下是 file4.htm<HTML><HEAD><TITLE>file4.htm 文件的容 </TITLE></HEAD><BODY><H4>这是我的故事</H4></BODY></HTML>以下是 file5.htm<HTML><HEAD><TITLE>file5.htm 文件的容 </T

44、ITLE></HEAD><BODY><H4>这是我的爱好</H4></BODY></HTML>(1) (2)(3) (4)(4) 2.(1) rows(2) cols(3) </FRAMESET>(4) mai n(5) file5.htm3、已知页面效果如图所示(其中的细线效果均为一像素粗细，颜色为灰色)，请填写以下html代码中留下的空白。(10分)<FORM><TABLE (1) cellpaddi ng="5" alig n="ce nter&quo

45、t; bgcolor="#cccccc"><TR><TD (2)colspan=”2”><B> 个人信息 </B><TR bgcolor="white"><TD> : <TD><INPUT size="20"><TR bgcolor="white"><TD> 密码：<TD><INPUT size="20" value="pwd">

46、;<TR bgcolor="white"><TD> 职业：<TD><select size="1" name="D1"><opti on selected> 学生 </opti on><option> 教W </option><option> 职员 </option><option> 军人 </option><option> 经理 </option><option

47、> 其他 </option></select><TR bgcolor="white"><TD> 收入：<TD><input type="radio" value="V1" name="R1" id="fp1"><label (5)>2000 以下 </label> <input type="radio" name="R1" value="V

48、2" id="fp2"><labelfor="fp2">2000 以上 </label><TR><TD>&nbsp;<TD><INPUTvalue="提交"type="submit"> <INPUT type="reset" value="重写"></TABLE></FORM>1) colspa n="1"2) alig n="ce nter"3) type二"password"4) checked5) for二"fp1"6) 1)已知网页如下图所示，请将代码补充完整。vTABLE cellspacing=0 cellpadding=0 width=400 height=150 border=1> <TR align=center height=150 ><TD width=100 height=150 rowspan=2 >A</TD><T