网页设计试题及答案

网页设计复习题第1题判断正误（1）HTML标记符的属性一般不区分大小写。（对）（2）网站就是一个链接的页面集合。（对）（3)将网页上传到Internet时通常采用FTP方式.(对）(4）所有的HTML标记符都包括开始标记符和结束标记符.（错）（5）用H1标记符修饰的文字通常比用H6标记符修饰的要小（错).(6)B标记符表示用粗体显示所包括的文字。（对）（7）GIF格式的图象最多可以显示256种颜色。（对）（8）HTML表格在默认情况下有边框。(错）（9)创建图象映射时，理论上可以指定任何形状作为热点。（对)（10）指定滚动字幕时，不允许其中嵌入图象。（错）1。使用FONT标记符的size属性可以指定字体的大小。()2.网站就是一个链接的页面集合.(）3。GIF格式的图象最多可以显示1024种颜色.()4。制作图像映射只需要使用〈AREA>标记符。()5.在HTML表格中，表格的列数等于第一行中TH与TD的colspan属性的和。()6。在HTML表格中，在TR、TD或TH标记符中使用align属性可以控制单元格内容的垂直对齐.（)7.指定滚动字幕时，不允许其中嵌入图象。（)8.框架是一种能在同一个浏览器窗口中显示多个网页的技术。(）9.CSS中的color属性用于设置HTML元素的背景颜色。（）10。CSS样式表项的组成格式为:selector{property1：value1，property2：value2，……}（）1。T2。T3.F4。F5.F6.T7。F8。T9。F10。F11.只有在框架结构的网页,才能将A标记符的target属性指定为_blank使得超链接在一个新的浏览器窗口中打开.错判断正误（1）。HTML标记符通常不区分大小写｡（2）.网站就是一个链接的页面集合｡（3)。HTML表格在默认情况下有边框｡(4）。在HTML表格中，表格的行数等于TR标记符的个数｡(5）。在HTML中，与表格一样,表单也能嵌套｡答案：(1)T(2）T(3）F（4)T（5）F（1）所有的HTML标记符都包括开始标记符和结束标记符。(2)将网页上传到Internet时通常采用FTP方式.（3)GIF格式的图象最多可以显示256种颜色。（4）HTML表格在默认情况下没有边框.（5）在HTML表格中，在TR、TD或TH标记符中使用align属性可以控制单元格内容的垂直对齐.（6)只有在框架结构的网页中，才能将A标记符的target属性指定为_blank，从而使超链接目标文件在一个新的浏览器窗口中打开。(7）在HTML表单中，文本框、口令框和复选框都是用INPUT标记符生成的。(8）一个网页中只能包含一个表单。（9）在CSS中要设置超链接的样式效果,应指定虚类selector。（10)CSS样式表项的组成为：selector{property1：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标记符插入.（10）在CSS中，可以用3种以上的方式来表示颜色（6）T（7)T(8）F（9）T（10）F（11)T第2题单选题（20分）（3）以下说法中，正确的是:C.A．P标记符与BR标记符的作用一样.B．多个P标记符可以产生多个空行。C．多个BR标记符可以产生多个空行。D．P标记符的结束标记符通常不可以省略。21、以下说法中，错误的是:B。A．网页的本质就是HTML源代码。B．网页就是主页。C．使用“记事本”编辑网页时,应将其保存为.htm或.html后缀。D．本地网站通常就是一个完整的文件夹。(1）以下说法中，错误的是：D.A．获取WWW服务时，需要使用浏览器作为客户端程序.B．WWW服务和电子邮件服务是Internet提供的最常用的两种服务。C．网站就是一系列逻辑上可以视为一个整体的页面的集合。D．所有网页的扩展名都是.htm。(1）WWW是的意思.答案:BA．网页B．万维网C．浏览器D．超文本传输协议(2）在网页中显示特殊字符，如果要输入“〈”，应使用_________。答案：DA．lt;B．＆Lt;C．<D．＆lt；(3）以下有关列表的说法中，错误的是：.答案：DA．有序列表和无序列表可以互相嵌套。B．指定嵌套列表时，也可以具体指定项目符号或编号样式。C．无序列表应使用UL和LI标记符进行创建。D．在创建列表时，LI标记符的结束标记符不可省略.（4）以下关于FONT标记符的说法中，错误的是：答案：DA．可以使用color属性指定文字颜色.B．可以使用size属性指定文字大小（也就是字号）。C．指定字号时可以使用1~7的数字。D．语句<FONTsize="+2”>这里是2号字</FONT〉将使文字以2号字显示。(5）以下关于JPEG图像格式中，错误的是：答案：BA．适合表现真彩色的照片。B．最多可以指定1024种颜色。C．不能设置透明度。D．可以控制压缩比例。(6)如果要在表单里创建一个普通文本框，以下写法中正确的是：。答案：AA．〈INPUT〉B．〈INPUTtype=”password">C．〈INPUTtype="checkbox">D．<INPUTtype=”radio"〉(7）以下有关表单的说明中,错误的是：。答案：CA．表单通常用于搜集用户信息.B．在FORM标记符中使用action属性指定表单处理程序的位置.C．表单中只能包含表单控件,而不能包含其他诸如图片之类的内容。D．在FORM标记符中使用method属性指定提交表单数据的方法。（8）在指定单选框时，只有将以下属性的值指定为相同，才能使它们成为一组。答案：BA．typeB．nameC．valueD．checked（9）创建选项菜单应使用以下标记符：。答案：AA．SELECT和OPTIONB．INPUT和LABELC．INPUTD．INPUT和OPTION（10）以下有关按钮的说法中，错误的是：.答案：BA．可以用图像作为提交按钮。B．可以用图像作为重置按钮。C．可以控制提交按钮上的显示文字。D．可以控制重置按钮上的显示文字。1。以下关于FONT标记符的说法中，错误的是:。A.可以使用color属性指定文字颜色。B。可以使用size属性指定文字大小（也就是字号）。C。指定字号时可以使用1~7的数字.D。语句<FONTsize="+2"〉这里是2号字〈/FONT>将使文字以2号字显示。2。以下有关列表的说法中，错误的是：。A。有序列表和无序列表可以互相嵌套。B.指定嵌套列表时，也可以具体指定项目符号或编号样式。C.无序列表应使用UL和LI标记符进行创建.D.在创建列表时，LI标记符的结束标记符不可省略。3.要在表单里创建一个普通文本框，以下写法中正确的是：。A.〈INPUT>B.<INPUTtype=”password”〉C.〈INPUTtype=”checkbox"〉D.<INPUTtype=”radio">4。要创建一个左右框架，右边框架宽度是左边框架的3倍，以下HTML语句正确的是：.A.〈FRAMESETcols=”*，2＊">B.〈FRAMESETcols=”＊,3*">C。〈FRAMESETrows=”*,2*”>D.<FRAMESETrows="*，3＊”>5.以下说法中,正确的是：。A。在IMG标记符中使用align属性，可以控制图象在页面中的对齐。B。在IMG标记符中使用align属性，可以控制图象与文字的环绕效果。C。在IMG标记符中使用valign属性，可以控制图象与周围内容的垂直对齐。D。在IMG标记符中使用valign属性，可以控制图象与周围内容的水平对齐。D2.D3。A4。B5。B（1）以下说法中,错误的是：.A．获取WWW服务时，需要使用浏览器作为客户端程序。B．WWW服务和电子邮件服务是Internet提供的最常用的两种服务。C．网站就是一系列逻辑上可以视为一个整体的页面的集合。D．所有网页的扩展名都是。htm.（2）以下关于FONT标记符的说法中，错误的是:.A．可以使用color属性指定文字颜色.B．可以使用size属性指定文字大小（也就是字号）.C．指定字号时可以使用1~7的数字。D．语句<FONTsize=”+2"〉这里是2号字</FONT〉将使文字以2号字显示。（3)以下说法中，正确的是：。A．可以通过直接改文件名后缀来修改图象格式。B．矢量图通常比位图的文件尺寸大。C．使用图象处理软件可以修改图象的像素大小。D．Flash是一种位图处理软件。（4）以下说法中,错误的是：。A．表格在页面中的对齐应在TABLE标记符中使用align属性。B．表格内容的默认水平对齐方式为居中对齐。C．要控制表格内容的垂直对齐，应在TR、TD、TH中使用valign属性。D．要控制表格内容的水平对齐，应在TR、TD、TH中使用align属性。（5）以下选项中不能用来表示CSS颜色的是：.A。rgb（f，0，0)B.#FF0000C.redD。rgb(100％,0，0)（1）D（2)D（3）C（4）B（5）A第3题填空题（20分，每空2分，请将答案写在“填空"后面的空中)（1）如果要为网页指定黑色的背景颜色，应使用以下html语句：<body①>(2）<hrwidth=50％〉表示创建一条②的水平线。（3）在OL标记符中，使用③属性可以控制有序列表的数字序列样式。（4）请至少说明GIF格式的两种特点：④；⑤.(5）请至少说出两种以上的图像处理软件的名称：⑥。（6）如果要创建一个指向电子邮件someone＠的超链接，代码应该如下:〈a⑦>指向someone@的超链接</a〉（7）在给图象指定超链接时,默认情况下总是会显示蓝色边框，如果不想显示蓝色边框，应使用以下语句：〈ahref=”test。htm”〉<imgsrc=image.gif⑧〉〈/a>(8）在指定页内超链接的时候，如果在某一个位置使用了〈a⑨=”target1">锚点〈/a〉语句定义了锚点，那么应使用以下语句，以便在单击超链接时跳转到锚点定义的位置：<ahref=⑩〉锚点链接</a〉（9）上网浏览网页时，应使用作为客户端程序。答案:浏览器（10）TITLE标记符应位于标记符之间。答案：HEAD1.如果要为网页指定黑色的背景颜色，应使用以下html语句：〈body①>2。<hrwidth=50％>表示创建一条②的水平线。3.要设置一条一像素粗、200像素长的左对齐的水平线，应使用③语句。4.请至少说明GIF格式的两种特点:④;⑤.5。请至少说出两种以上的图像处理软件的名称：⑥、⑦.6。要控制单元格内容与表格框线之间的空白,应在TABLE标记符中使用属性⑧。7。要在表单中添加一个默认时为选中状态的复选框，应使用语句⑨。8。要在HTML标记符中直接嵌入样式，应使用标记符的⑩属性。①bgcolor="black”②长度为浏览器窗口宽度一半的水平线③<hrsize=1width=200align=left>④⑤支持透明色、支持动画、无损压缩、最多包含256种颜色等⑥⑦fireworks、flash、photoshop等⑧cellpadding⑨〈inputtype=checkboxchecked〉⑩style（1）HEAD标记符位于①标记符之间。（2)要使文字同时显示为粗体和斜体，应使用语句②。（3）在UL标记符中使用③属性，可以控制无序列表的项目符号样式.(4）在网页中插入图像时，最基本的两个属性是④、⑤。（5）请至少说出两种以上的图像处理软件的名称：⑥⑦。（6)要使整个表格行采用某种对齐方式，应在⑧标记符中使用align属性。（7）在指定锚点超链接的时候,如果在文件file1。htm某一个位置使用了<a⑨=”target1">锚点〈/a〉语句定义了锚点,那么应使用以下语句，以便在file2.htm中单击超链接时跳转到file1。htm中该锚点定义的位置：〈ahref=⑩〉锚点链接</a〉。（1)HTML（2)〈B〉<I〉text</B></I>（3）type（4）src(5）alt（6)(7)fireworksflash画图photoshop等（8)tr(9）name（10)file1.htm＃target1第4题问答题（20分）1。简要说明表格与框架在网页布局时的区别。答：①表格是在同一个网页中将页面划分为不同区域；②框架是在同一个浏览器窗口中显示多个网页;③框架可以通过指定超链接的目标框架获得交互式的布局效果。2。在网页设计中使用图像时应注意那些问题。答：文件大小；数量和质量;动画。（需要展开回答）3.举例说明在网页中使用CSS样式表的三种方式（都使用对p标记符应用color属性为例)，并简要分析各自的特点。提示：LINK标记符的用法：〈LINKrel=“stylesheet”type=“text/css"href=“">答：要点：（需要展开）①在标记符中直接嵌套样式信息，例如，p<style=“color:red”>红色显示的段落文本</p>；优点是可以单独指定特定部分的样式，缺点是不利于维护。②在style标记符中指定样式信息，例如〈style〉p{color:red}</style〉优点是能对单独网页进行很好的格式控制和维护,缺点是不利于多个网页的维护。③链接外部样式表中的样式信息,例如，在当前网页目录中包括以下mycss。css文件:p{color:red｝然后在网页中用以下代码<LINKrel=“stylesheet”type=“text/css”href=“"〉。优点是利于维护多个网页，缺点是不利于控制单独页面中的个别部分.5。简述HTML工作原理HTML是用来表示Web文档的规范，是用于Web文档的格式化语言。HTML通过标记来标记要显示的网页中的各个部分,以通知Web浏览器应该如何显示网页，即确定网页内容的格式。浏览器按照顺序阅读HTML文件，然后浏览器根据内容附近的HTML标记来解释和显示内容,这个过程称为语法分析。HTML中的超文本功能，也就是超链接功能，使网页之间可以链接起来。网页与网页的链接构成了网站，而网站与网站的链接就构成了多姿多彩的WWW.（3）任意列举2种可以在页面中添加多媒体效果的方法,并简要说明如何操作。(5分)要点：链接多媒体文件，嵌入Flash，使用java，设置背景音乐，等（4）简要说明表单的基本工作原理。（5分）p96要点：填写后由服务器处理,也可客户端处理第5题综合题（30分)1、编写出实现如图所示页面效果的关键html代码。其中，A、B、C、D、E均为默认字号和默认字体，并且加粗显示，它们都位于各自单元格的正中间，A单元格的高度为200像素，B单元格的高度为100像素，C单元格的宽度为100像素，高度为200像素。（10分)答题要点(标记符是否大小写没有关系）：<tablewidth=300border=”1”align=center〉〈tr〉〈tdrowspan="2"align="center”>〈b〉A〈/b〉〈tdcolspan=”2"height="100”align="center"〉〈b>B</b>〈tralign=”center"〉〈tdheight=”100"〉<b>E</b〉<tdrowspan="2”>〈b〉C〈/b〉<tralign=center><tdcolspan="2”height="100">〈b>D〈/b></td></tr〉〈/table>评分要点：（不一定要与参考答案完全一致,只要最后能显示出效果即可。）（1)正确地写出了表格的行列结构,给4分.(2）正确地设置了表格各单元格大小,给2分。（2）设置了表格的边框和居中对齐，给2分.（3)设置了表格行或单元格的水平居中（垂直居中不用设置，如果设置了也不加分），给1分.(4）正确地指定了粗体，给1分.2、已知页面效果如图所示（其中的细线效果均为一像素粗细，颜色为黑色），请填写以下html代码中留下的空白（编号相同的空白表示应填写相同的内容），注意填写在题后的空白里。(10分）<TABLEcellspacing=(1)cellpadding=（2)align=”center"〉<TRheight="100”〉<TDwidth=”100”>＆nbsp;〈TDwidth=”1"（3）〉〈TDwidth=”600”〉<H1align="center”〉<FONT（4)="楷体_gb2312”〉如梦令</FONT>〈/H1><TR(5）=”1”〉<TDcolspan=”3”(3)><TRheight=”600"〉〈TDwidth=”100”〉＆nbsp；〈TDwidth=”1”（3)><TDwidth="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）height3、已知源代码如下所示（共5个文件，都位于同一目录下）,请用文字或示意图（也可结合使用）说明网页效果。（10分）—-——-—--——--———-—-—index。htm—-—--—--——-----—-〈HTML〉<HEAD><TITLE〉框架结构</TITLE〉</HEAD>〈FRAMESETcols=”150，*”〉<FRAMEsrc="content.htm"〉<FRAMEsrc=”main.htm”name="content”〉</FRAMESET〉〈/HTML>—-----—-————---content.htm—--————-———-——-—-—-<HTML>〈HEAD〉〈TITLE>目录</TITLE>〈STYLE〉A{text-decoration:none}〈/STYLE〉</HEAD〉〈BODY〉<Ahref=file1.htmtarget=”content"〉文件1〈/A〉〈P〉〈Ahref=file2。htmtarget="_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"超链接，将在当前整个窗口中显示“内容----——---————-—--——index.htm-—-—————----—--——〈HTML><HEAD>〈TITLE〉框架结构</TITLE〉〈/HEAD>〈FRAMESET（1）=（2）>〈FRAMEsrc="content.htm"〉<FRAMEsrc=”main。htm"name=(3)〉〈/FRAMESET〉〈/HTML>—--——----———---content.htm--—-----——————-——--〈HTML>〈HEAD><TITLE>目录</TITLE>〈STYLE〉（4)｛text—decoration：none｝〈/STYLE〉</HEAD><BODY〉〈Ahref=file1.htmtarget="content”〉文件1</A〉〈P〉<Ahref=file2。htmtarget=(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”1。已知网页如下图所示，请将代码填写完整.〈FORM〉请输入姓名：〈INPUT〉<P〉请输入密码：<INPUT①〉〈P〉请选择性别：<INPUT②name="gender”>男<INPUT②name=”gender”>女〈P>请选择兴趣：<SELECTmultiplesize=2〉<OPTION③>运动〈OPTION〉美术<OPTION>音乐</FORM〉①type=”password”②type="radio”③selected2.写出实现下图所示表格的HTML代码。2.<tableborder="1”width="100％”cellspacing=”0"cellpadding=”0"〉<tralign=”center"〉<tdwidth=”25%"〉<b>A〈/b></td><tdwidth="50％"rowspan="2”align=”center"〉〈b〉B〈/b〉</td><tdwidth="25%”〉<b>C</b〉〈/td〉</tr〉〈tralign="center"><tdwidth=”25％"rowspan="2">〈b〉E〈/b</td〉<tdwidth="25%"〉<b>D〈/b〉〈/td〉</tr〉〈tralign=”center"><tdwidth="75%”colspan="2"align="center”〉<b〉F</b〉</td〉</tr>〈/table〉（2）已知网页如下图所示，请将代码补充完整。——--————-—-——-—以下是框架集文档-——--————----———<HTML〉<HEAD〉〈TITLE>框架集文档〈/TITLE〉</HEAD>〈FRAMESET___①_____=”100，*"〉〈FRAMEsrc="file1.htm">〈FRAMESET_____②____="200,＊">〈FRAMEsrc="file2.htm">〈FRAMEsrc="file3。htm”name="main"〉_______③_______〈/FRAMESET>〈/HTML〉——-------—-——以下是file1。htm----—-——-—----—-<HTML〉<HEAD><TITLE〉file1。htm文件的内容〈/TITLE>〈/HEAD〉〈BODY><H1align=”center"〉我的主页〈/H1>〈/BODY〉</HTML〉—————————--以下是file2.htm—----—-———-——-———-<HTML><HEAD〉〈TITLE>file2.htm文件的内容</TITLE〉〈/HEAD〉〈BODY〉〈H3align="center"〉〈Ahref=”file4.htm"target=”_____④____">我的故事</A〉〈/H3〉〈H3align=”center”><Ahref=”____⑤____”target="_blank”>我的爱好〈/A〉〈/H3〉〈/BODY〉</HTML>-—-——--——-———以下是file3。htm——-——---—-—-———-—<HTML>〈HEAD〉<TITLE>file3。htm文件的内容</TITLE〉〈/HEAD〉〈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文件的内容〈/TITLE>〈/HEAD〉<BODY〉〈H4>这是我的爱好〈/H4〉〈/BODY></HTML>（1）（2）(3）（4)（5）2.（1）rows（2）cols（3)</FRAMESET〉（4）main（5)file5.htm3、已知页面效果如图所示(其中的细线效果均为一像素粗细，颜色为灰色）,请填写以下html代码中留下的空白。（10分）〈FORM〉<TABLE（1)cellpadding=”5”align="center”bgcolor="#cccccc"><TR〉<TD（2）colspan="2"><B>个人信息</B〉<TRbgcolor="white"><TD>姓名：<TD〉<INPUTsize="20”〉〈TRbgcolor=”white”>〈TD〉密码：〈TD>〈INPUTsize=”20"（3)value="pwd”〉〈TRbgcolor=”white”>〈TD〉职业：<TD>〈selectsize="1"name=”D1"><optionselected〉学生〈/option><option〉教师〈/option><option>职员</option><option>军人〈/option>〈option〉经理</option>〈option>其他</option></select>〈TRbgcolor=”white"><TD>收入：〈TD〉〈inputtype="radio"value="V1"(4）name=”R1”id=”fp1">〈label（5)〉2000以下〈/label〉<inputtype=”radio"name=”R1”value="V2”id="fp2"〉<labelfor="fp2"〉2000