网页设计试题及答案

网页设计试题及答案网页设计复习题第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.网站就是一个链接的页面集合。()格式的图象最多可以显示1024种颜色。()4.制作图像映射只需要使用<AREA>标记符。()5.在HTML表格中，表格的列数等于第一行中TH与TD的colspan属性的和。()6.在HTML表格中，在TR、TD或TH标记符中使用align属性可以控制单元格内容的垂直对齐。()7.指定滚动字幕时，不允许其中嵌入图象。()8.框架是一种能在同一个浏览器窗口中显示多个网页的技术。()9.CSS中的color属性用于设置HTML元素的背景颜色。()样式表项的组成格式为：selector{property1:value1,property2:value2,……}()1.T2.T3.F4.F5.F6.T7.F8.T9.F10.F11.只有在框架结构的网页，才能将A标记符的target属性指定为_blank使得超链接在一个新的浏览器窗口中打开.错网页设计试题及答案全文共16页，当前为第1页。判断正误网页设计试题及答案全文共16页，当前为第1页。(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,……}（5）在HTML表格中，表格的列数等于任意一行中TH与TD的个数。F （6）HTML表格内容的垂直对齐方式默认为垂直居中。T（7）框架是一种能在同一个浏览器窗口中显示多个网页的技术。（8）一个网页中只能包含一个表单。（9）Java小应用程序既可以用APPLET标记符插入，也可以用OBJECT标记符插入。（10）在CSS中，可以用3种以上的方式来表示颜色网页设计试题及答案全文共16页，当前为第2页。（6）T（7）T（8）F（9）T（10）F（11）T网页设计试题及答案全文共16页，当前为第2页。第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．≪C．<D．<（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）如果要在表单里创建一个普通文本框，以下写法中正确的是：。答案：A网页设计试题及答案全文共16页，当前为第3页。A．<INPUT>网页设计试题及答案全文共16页，当前为第3页。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*">网页设计试题及答案全文共16页，当前为第4页。B.<FRAMESETcols="*,3*">网页设计试题及答案全文共16页，当前为第4页。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标记符中，使用③属性可以控制有序列表的数字序列样式。网页设计试题及答案全文共16页，当前为第5页。（4）请至少说明GIF格式的两种特点：④；⑤。网页设计试题及答案全文共16页，当前为第5页。（5）请至少说出两种以上的图像处理软件的名称：⑥。（6）如果要创建一个指向电子邮件的超链接，代码应该如下：<a⑦>指向的超链接</a>（7）在给图象指定超链接时，默认情况下总是会显示蓝色边框，如果不想显示蓝色边框，应使用以下语句：<ahref=””><imgsrc=⑧></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）在指定锚点超链接的时候，如果在文件某一个位置使用了<a⑨="target1">锚点</a>语句定义了锚点，那么应使用以下语句，以便在中单击超链接时跳转到中该锚点定义的位置：<ahref=⑩>锚点链接</a>。（1）HTML（2）<B><I>text</B></I>（3）type网页设计试题及答案全文共16页，当前为第6页。（4）src网页设计试题及答案全文共16页，当前为第6页。（5）alt（6）（7）fireworksflash画图photoshop等（8）tr（9）name（10）#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>优点是能对单独网页进行很好的格式控制和维护，缺点是不利于多个网页的维护。③链接外部样式表中的样式信息，例如，在当前网页目录中包括以下文件：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，设置背景音乐，等网页设计试题及答案全文共16页，当前为第7页。（4）简要说明表单的基本工作原理。（5分）p96网页设计试题及答案全文共16页，当前为第7页。要点：填写后由服务器处理，也可客户端处理第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"> <TDwidth="1"（3）><TDwidth="600"><H1align="center"><FONT（4）="楷体_gb2312">如梦令</FONT></H1>网页设计试题及答案全文共16页，当前为第8页。<TR（5）="1">网页设计试题及答案全文共16页，当前为第8页。<TDcolspan="3"（3）><TRheight="600"><TDwidth="100"> <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分）<HTML><HEAD><TITLE>框架结构</TITLE></HEAD><FRAMESETcols="150,*"><FRAMEsrc=""><FRAMEsrc=""name="content"></FRAMESET></HTML><HTML><HEAD><TITLE>目录</TITLE><STYLE>A{text-decoration:none}</STYLE></HEAD><BODY><Ahref=target="content">文件1</A><P><Ahref=target="_blank">文件2</A></BODY></HTML><HTML>内容</HTML>网页设计试题及答案全文共16页，当前为第9页。<HTML>内容1</HTML>网页设计试题及答案全文共16页，当前为第9页。<HTML>内容2</HTML>参考答案：要点1：分为左右两框，左边框架为150像素（2分），内容为包含两个超链接的页面（1分），并且超链接没有下划线（1分），右边框架内容为“内容”（1分），整个网页的标题为“框架结构”（1分）。如果是示意图，应类似下图。要点2：单击左边框架中的“文件1”超链接，将在右边框架中显示“内容1”（2分），单击左边框架中的“文件2”超链接，将在一个新窗口中显示“内容2”（2分）。4、已知网页初始效果如图所示，整个窗口分为左右两框，左边框架为150像素；单击左边框架中的“文件1”超链接，将在右边框架中显示“内容1”；单击左边框架中的“文件2”超链接，将在当前整个窗口中显示“内容<HTML><HEAD><TITLE>框架结构</TITLE></HEAD><FRAMESET（1）=（2）><FRAMEsrc=""><FRAMEsrc=""name=（3）></FRAMESET></HTML><HTML><HEAD><TITLE>目录</TITLE><STYLE>（4）{text-decoration:none}</STYLE></HEAD><BODY><Ahref=target="content">文件1</A><P><Ahref=target=（5）>文件2</A></BODY></HTML><HTML>内容</HTML><HTML>内容1</HTML>网页设计试题及答案全文共16页，当前为第10页。网页设计试题及答案全文共16页，当前为第10页。<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">网页设计试题及答案全文共16页，当前为第11页。<b>E</b网页设计试题及答案全文共16页，当前为第11页。</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=""><FRAMESET_____②____="200,*"><FRAMEsrc=""><FRAMEsrc=""name="main">_______③_______</FRAMESET></HTML>-------------以下是<HTML><HEAD><TITLE>文件的内容</TITLE></HEAD><BODY><H1align="center">我的主页</H1></BODY></HTML>-----------以下是<HTML><HEAD><TITLE>文件的内容</TITLE></HEAD><BODY><H3align="center"><Ahref=""target="_____④____">我的故事</A></H3><H3align="center"><Ahref="____⑤____"target="_blank">我的爱好</A></H3>网页设计试题及答案全文共16页，当前为第12页。</BODY>网页设计试题及答案全文共16页，当前为第12页。</HTML>-------------以下是<HTML><HEAD><TITLE>文件的内容</TITLE></HEAD><BODY><H4>我是谁？</H4></BODY></HTML>-------------以下是<HTML><HEAD><TITLE>文件的内容</TITLE></HEAD><BODY><H4>这是我的故事</H4></BODY></HTML>-------------以下是<HTML><HEAD><TITLE>文件的内容</TITLE></HEAD><BODY><H4>这是我的爱好</H4></BODY></HTML>（1）（2）（3）（4）（5）2.（1）rows（2）cols（3）</FRAMESET>（4）main（5）网页设计试题及答案全文共16页，当前为第13页。3、已知页面效果如图所示（其中的细线效果均为一像素粗细，颜色为灰色），请填写以下html代码中留下的空白。（10分）网页设计试题及答案全文共16页，当前为第13页。<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以上</label><TR><TD> <TD><INPUTvalue="提交"type="submit"><INPUTtype="reset"value="重写"></TABLE></FORM>colspan="1"align="center"type="password"che