请根据网页显示的效果图和网页中的元素说明，将HTML文本中(n)处的解答填写入解答栏内。【说明】“文学世界”网页的效果如图4-1所示。其中网页的背景音乐为当前路径下的love.mp3。[程序源代码]＜HTML＞＜HEAD＞＜TITLE＞文学世界＜/TITLE＞＜ (1) src="love.mp3"＞＜/HEAD＞＜BODY＞＜P align="center"＞＜FONT size="6"＞ 文学世界＜/FONT＞＜/P＞(2)＜% LOCK Application("counter")=Applicat

请根据网页显示的效果图和网页中的元素说明，将HTML文本中(n)处的解答填入对应栏中。

[说明]

在IE浏览器中输入yoyo电子邮局主页地址并回车后，网页的显示效果如下图所示。

[网页中的元素说明]

见下表。

[HTML 文本]

＜html＞

＜head＞

＜title＞yoyo邮局主页＜/rifle＞

＜/head＞

＜body＞

＜p align=“center”＞

＜b＞＜font color=“800080”face=“楷体_GB23 12”size=“5”＞yoyo邮局＜/font＞＜/b＞

＜/p＞

＜p align=“center”＞

(1)

＜/p＞

＜ p align = "left" ＞ ＜/p ＞

＜p align ="left" ＞用户登录＜/p＞

＜ table ＞

＜ tr ＞ ＜ td width = "100" height = "16" ＞

＜ div align = "right" ＞

登录名：

＜/div ＞ ＜ /td ＞

(2)

＜/table ＞

＜ table ＞

＜tr ＞ ＜td width = "100"height = "16" ＞

＜ div align = "right" ＞

密码

＜/div ＞ ＜ /td ＞

(3)

＜/table ＞

＜ table ＞

＜ tr ＞ ＜ td width = "100" ＞

＜ div align = "right" ＞

类型

＜/div ＞ ＜ /td ＞

＜ select nchange = "changeBackURL( ) "name = "select" ＞

＜ option ＞ 商务用 ＜/option ＞

＜option ＞免费用户 (4) ＜/option ＞

＜/select ＞

＜/table ＞

＜p＞ ＜/p＞ ＜p＞ ＜/p＞

VIP 服务咨询邮箱: (5)

＜ a href = "http://bbs. yoyo. com" ＞ 参加yoyo 邮局社区讨论 ＜/a ＞

＜/body ＞

＜/html ＞

A.〈html〉〈title〉…〈/title〉〈body〉…〈/body〉〈/html〉

B.〈html〉〈head〉…〈/head〉〈body〉…〈/body〉〈/html〉

C.〈html〉〈head〉…〈/head〉〈frame〉…〈/frame〉〈/html〉

D.〈html〉〈title〉…〈/title〉〈frame〉…〈/frame〉〈/html〉

[说明]

请根据网页显示的效果图，将HtML文本(n)处的解答填写在相应的解答栏内。

[上图网页中的元素说明]

[HTML文档代码]

＜!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd"＞

＜html＞

＜head＞

＜meta. http-equiv= "Content-Type"content="text/html；charset=gb2312"＞＜title＞添加学生信息＜/title＞

＜/head＞

＜body＞

＜formaction="add_Student.jsp"method="post"name="addforml"＞

＜tablewidth="412"border="0"align="center"celipadding="0"cellspacing="0"＞

＜tr＞

＜td colspan="3" align="center"＞＜hr size="1"＞＜/td＞

＜/tr＞

＜tr＞

＜tdwidth="92"align="center"＞ 学号＜/td＞

＜td width="215"＞

＜input name="txtNumber" type="text" id="txtNumber"＞ ＜/td＞

＜tdwidth="105"rowspan="5"align="center"valign="middle"＞

(1)

＜/td＞

＜/tr＞

＜tr＞

＜tdheight="26"align="center"＞姓名＜/td＞

＜td＞＜input name= "txtName"type="text"id="txtName"＞＜/td＞

＜/tr＞

＜tr＞

＜td align="center"＞性别＜/td＞

＜td＞

(2) 男

＜inputtype="radio"name="rbSex"value="女"＞女

＜/td＞

＜/tr＞

＜tr＞

＜tdheight="21"align="center"，籍 贯＜/td＞

＜td＞＜select name="selHome” id="selHome"＞

(3)

＜option value="江苏"＞江苏＜/option＞

＜option value="上海"＞上海＜/option＞

＜option value="北京"＞北京＜/option＞

＜option value="浙江"＞浙江＜/option＞

＜option value="山东"＞山东＜/option＞

＜option value="其他"＞其他＜/option＞

＜/select＞＜/td＞

＜/tr＞

＜tr＞

＜td align="center"＞电子邮件＜/td＞

＜td＞＜inputname="txtEmail"type="text"id="txtEmail"＞＜/td＞

＜/tr＞

＜tr＞

＜td align="center"＞联系电话＜/td＞

＜td＞＜inputname="txtTel"type="text" id="txtTel"＞＜/td＞

＜td align="center"＞

(4)

＜/td＞

＜/tr＞

＜tr＞

＜td height="15" colspan="3"＞＜hr size="1"＞＜/td＞

＜/tr＞

＜tr＞

＜td align="center"，个人简介＜/td＞

＜td colspan="2"＞

(5)

＜/td＞

＜/tr＞

＜tr＞

＜tdheight="23"colspan="3"align="center"＞

＜inputtype="submit"name="Submit"value="提交"＞＆nbsp；＆nbsp；＆nbsp；＆nbsp；

＜inputtype="reset"name="Submit2"value="重置"＞ ＜/td＞

＜/tr＞

＜tr＞

＜td height="23" colspan="3" align="center"＞＜hr size="1"＞＜/td＞

＜/tr＞

＜/table＞

＜/form＞

＜/body＞

＜/html＞

(1)

请根据网页显示效果图的网页中的元素说明，将HTML文本中上处的解答填入对应的解答栏内。

请根据网页显示效果图的网页中的元素说明，将HTML文本中上处的解答填入对应的解答栏内。

[说明]

下图是一个关于Sony公司2006年两款DV产品性能比较的页面。

[上图网页中的元素说明]

[HTML文本]

＜!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 TransitionaI//EN"

"http://www.w3.org/TR/html4/loose.dtd"＞

＜html＞

＜head＞

＜meta. http-equiv="Content-Type"content="text/html；charset=gb2312"＞

(1)

＜style. type="text/css"＞

＜!--

.txt{

font-family："宋体"；

font-Size： 12px；

color：000000；

}

＜/style＞

＜/head＞

＜body＞

＜table width="483" border="0" align="center" cellpadding="0" cellspacing="0"＞

(2)

＜tr＞

＜td colspan="3"＞＜hr size="1"＞＜/td＞

＜/tr＞

＜tr＞ ＜td width= "116"align="center"valign="middle"＞

(3)

＜/td＞

＜td width= "184"＞＜IMG nClick=over(this) title=放大src="HC46E.jpg"alt="46E" width="184" height="13"＞＜/td＞

＜td width="226"＞

＜tablewidth="200"border="0"cellpadding="0"cellspacing="0"＞

＜tr＞＜tdwidth="234"height="20"class="txt"＞摄像机类型:Mini DV＜/td＞ ＜/tr＞

＜tr＞＜tdheight="20"class="txt"＞图像感光器元件:CCD＜/td＞ ＜/tr＞

＜tr＞＜tdheight="20"class="txt"＞感光器像素(万个):107＜/td＞ ＜/tr＞

＜tr＞＜tdheight="20"class="txt"，图像感光器数量:1＜/td＞ ＜/tr＞

＜tr＞＜td height="20" class="txt"＞光学变焦倍数:12＜/td＞ ＜/tr＞

＜tr＞＜tdheiqht="20"class="txt"＞显示屏尺寸(英寸)：2.7＜/td＞ ＜/tr＞

＜/table＞＜/td＞＜/tr＞

＜tr＞＜td colspan="3"＞

(4)

＜/td＞＜/tr＞

＜tr＞

＜tdalign="center"valign="middle"＞

＜a href="http://www.sony.com.cn/handycam2006/762.htm”＞DCR-HC3E＜/a＞

＜/td＞

＜td＞

(5)

＜/td＞

＜td＞＜table width="200" border="0" cellpadding="0" cellspacing="0"＞

＜tr＞＜tdwidth="236"height="20"class="txt"＞摄像机类型:高清摄像机＜/td＞＜/tr＞

＜tr＞＜td height="20" class="txt"，图像感光器元件:CMOS＜/td＞ ＜/tr＞

＜tr＞＜tdheight="20"class="txt"，感光器像素(万个):210＜/td＞ ＜/tr＞

＜tr＞＜tdheight="20"class="txt"，图像感光器数量:1＜/td＞ ＜/tr＞

＜tr＞＜tdheight="20"class="txt"＞光学变焦倍数:10＜/td＞ ＜/tr＞

＜tr＞＜tdheiqht="20"class="txt"，显示屏尺寸(英寸):2.7＜/td＞ ＜/tr＞

＜/table＞＜/td＞

＜/tr＞

＜/table＞

＜/body＞

＜/html＞

(1)

认真阅读以下网页制作和网页编程的内容，回答问题1～5，将解答填入对应的解答栏内。

(1) 网页制作

[说明]

某网络资源站点用JSP实现了一个简单的验证码登录控制，网页效果如右图所示。

[login.jsp文档的内容]

＜%@page contentType="text/html；charset=gb2312"language="java"import=

"Java.sql.*"errorPage=""%＞

＜!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http：//www.w3.org/TR/html4/loose.dtd"＞

＜html＞

＜head＞

＜title＞用户登录页面＜/title＞

＜meta. http-equiv="Content-Type"content="text/html；charset=gb2312"＞

＜style. type="text/css"＞

＜!--

STYLE1{

font-family："宋体"；

font-size：12px；

}

--＞

＜/style＞

＜/head＞

＜body＞

＜form. method="post" action="checkUser．jsp"＞

＜table align="center"height="168"＞

＜tr＞

＜td colspan="3"align=left＞＜hr size="1"＞＜/td＞

＜/tr＞

＜tr＞

＜td width="78"align=left＞＆nbsp；＜/td＞

＜td colspan="2"＞＆nbsp;＜/td＞

＜/tr＞

＜tr＞

＜td align=left＞＜span class="STYLE1"＞用户账号:＜/span＞＜/td＞

＜td colspan="2"＞

＜inputname="userID"type="text"id="userID"＞ ＜/td＞

＜/tr＞

＜tr＞

＜td align=left＞＜span class="STYLEl"，用户密码:＜/span＞＜/td＞

＜td colspan="2"＞

＜inputname="userPwd"type="password"id="userPwd"size="10"，＜/td＞

＜/tr＞

＜tr＞

＜td align=left＞＜span class="STYLE1"＞系统认证码:＜/span＞＜/td＞

＜tdwidth="114"＞＜inputname="rand"type="text"value=""size="10" maxlength=4＞＜/td＞

＜td width="50"＞＜img border="0" src="image．jsp"＞＜/td＞

＜/tr＞

＜tr＞

＜td align=left＞＆nbsp；＜/td＞

＜td colspan="2"＞＆nbsp；＜/td＞

＜/tr＞

＜tr＞

＜tdheight="23"align=left＞＆nbsp；＜/td＞

＜td colspan= "2"＞＜inputname="submit"type=submit value="登录"＞

＜input type= "reset"name="Submit"value="重置"＞＜/td＞

＜/tr＞

＜tr＞

＜tdheight="15"align=left＞＆nbsp；＜/td＞

＜td colspan="2"＞＆nbsp;＜/td＞

＜/tr＞

＜tr＞

＜td colspan=4 align=center＞＜hr size="1"＞＜/td＞

＜/tr＞

＜/table＞

＜/form＞

＜/body＞

＜/html＞

(2) 动态网页编程

[说明]

下图是用户登录提交以后的效果。

[]

[Check．jsp文档的内容]

＜%@ pagecontentType="text/html；charset=gb2312" language= "java"import="]ava.sql．*"errorPage='"%＞

＜!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional/EN"

"http://www．w3．org/TR/html4/loose．dtd"＞

＜html＞

＜head＞

＜title＞验证页面＜/title＞

＜meta. http-equiv= "Content-Type"content="text/html；charset=gb2312"＞

＜/head＞

＜body＞

＜%

String userID=request．getParameter("userID")；

String userPwd=request．getParameter("userPwd")；

String rand=(String)session．getAttribute("rand")；

String input=request．getParameter("rand")；

%＞

＜br＞

＜br＞

＜hr size="1"＞

＜br＞

＜br＞

＜center＞

＜%

if(rand．equals(input))

{

Class．forName("sun．jdbc．odbc．JdbcOdbcDriver")；

Connection con=DriverManager． getConnection(

"jdbc:odbc=testDB","test","test")；

Statement stmt=con．createStatement(

ResultSet．TYPE_SCROLL_INSENSITIVE，

ResultSet．CONCUR_READ_ONLY)；

String strSQL="SELECT*FROM AdminIn

请根据网页显示的效果图(如图14-4所示)，将HTML文本中(n)处的解答填于相应的解答栏内。

[说明]

＜html＞

＜head＞

＜!-- TemplateBeginEditable name="doctitle" --＞

＜title＞Untitled Document＜/title＞

＜!-- TemplateEndEditable --＞

＜meta. http-equiv="Content-Type" eontent-"text/html; charset=gb2312"＞

＜!-- TemplateBeginEditable name="head" --＞

＜!-- TemplateEndEditable --＞

＜!-- TemplateParam name="BodyBackgroundColor" type="color" value="FFFFFF" --＞

＜!-- TemplateParam name="FooterColor" type="color" value="CCCCCC" --＞

＜!-- TemplateParam name="ImageTitleColor" type="color" value="CCCCCC" --＞

＜!-- TemplateParam name="Footer" type="boolean" value="true" --＞

＜style. type="text/css"＞

＜!--

body {

background-color: FFFFFF;

}

--＞

＜/style＞＜/head＞

＜body marginwidth="0" marginheight="0" leffmargin="0" topmargin="0"＞

＜br＞

＜table width="45%" border="0" cellspaeing="2" cellpadding="4" align="center"＞

＜tr bgcolor="@@(ImageTitleColor )@@"＞

＜td height=-"20"＞＜!-- TemplateBeginEditable name="ImageTitle" --＞

＜div align="center"＞图片浏览(日落) ＜/div＞

＜!-- TemplateEndEditable --x/td＞.

＜/tr＞

＜tr＞

＜td width="60%" height="169" align="center"＞ ＜!-- TemplateBeginEditable name="Image" --＞

＜IMG nClick=over(this) title=放大 (1) name="image" width="318" height="137" (2) (3) ＞＜!-- TemplateEndEditable --＞＜/td＞

＜/tr＞

＜/table＞

＜br＞

＜hr width="55 %" noshade size="1"＞

＜hr＞

＜!-- TemplateBeginEditable name="Navigation" --＞

＜table width="63%" border="0" cellspacing="0" cellpadding="4" align="center"＞

＜tr＞

＜td width="20%" align="right"＞＜nobr＞＜a href=""＞(4); First＜/a＞｜＜a href=""＞(5);

Previous＜/a＞＜/nobr＞＜/td＞

＜td width="20%" align="center"＞＜nobr＞＜a href=""＞(6)＜/a＞｜2｜ ＜a href=""＞3＜/a＞

｜＜a href=""＞4＜/a＞ ｜ ＜a href=""＞5＜/a＞＜/nobr＞＜/td＞

＜td align="left" width="20%"＞＜nobr＞＜a href=""＞Next >＜/a＞｜＜a href=""＞Last

(7); ＜/a＞＜/nobr＞＜/td＞

＜/tr＞

＜/table＞

＜!-- TemplateEndEditable --＞

＜/body＞

＜/html＞

下面选项中关于HTML语法格式描述正确的是( )。

A．＜html＞ ＜head＞ ＜title＞…＜/title＞ ＜/head＞ ＜body＞ ? ＜/body＞ ＜/html＞

B．＜html＞ ＜head> ＜title＞…＜/title＞ ＜body＞ ? ＜/body＞ ＜/html＞ ＜/head＞

C．＜head＞ ＜html> ＜title＞…＜/title＞ ＜body＞ ? ＜/body＞ ＜/html＞ ＜/head＞

D．＜html＞ ＜title＞…＜/title＞ ＜head＞ ＜/head＞ ＜body＞ ? ＜/body＞ ＜/html＞

●试题五

阅读下列说明和HTML文本。在HTML文本中存在5处错误，请指出并给出改正的方法。［说明］这是一个简单的HTML文本，描述了框架结构，显示效果如图所示。

【HTML文本】

(1) <html>

(2) <head>

(3) <title>框架测试</title>

(4) <／head>

(5) <meta. name="GENERATOR"content="Microsoft FrontPage 4.0">

(6) <frameset rows="64,*1">

(7) <frame. name="banner"scrolling="no"target="contents"src="header.htm">

(8) <frame. name="contents"target="list"src="list.htm">

(9) <frameset cols="150，*">

(10) <frame. name="main"src="context.htm">

(11) <／frameset>

(12) <／frameset>

(13) <noframes>

(14) <body><p>此网页使用了框架。<／body>

(15) <／noframes>

(16) <／html>

图显示效果图

认真阅读以下网页制作和网页编程的内容，回答问题1～5，将解答填入对应的解答栏内。

下面的网页使用了框架，网页效果如下图所示。

[hillFrameset.html文档的内容]

＜!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Frameset//

EN""http://www.w3.org/TR/html4/frameset.dtd"＞

＜html xmlns="http://www.w3.org/1999/xhtml"＞

＜head＞

＜metahttp-equiv="Content-Type"content="text/html；charset=gb2312"＞

＜title＞中国名山＜/title＞

＜/head＞

＜framesetcols="80，*"frameborder="NO"border="0"framespacing="0"＞

＜framesrc="menu.html"name="leftFrame"scrolling="NO"noresize title="leftFrame"＞

＜framesrc="first.html"name="mainFrame"title="mainframe"＞

＜/frameset＞

＜noframes＞＜body＞

＜/body＞＜/noframes＞

＜/html＞

[menu.html文档的内容]

＜!DOCFYPE HTML PUBLIC“-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd"＞

＜html＞

＜head＞

＜metahttp-equiv="Content-Type"content="text/html；charset=gb2312"＞

＜title＞menu＜/title＞

＜/head＞

＜body＞

＜p aliqn="center"＞＜a href="taishan. htm"target="mainframe"＞泰山＜/a＞＜/p＞

＜p align="center"＞＜a href="huashan.htm" target="mainFrame"＞华山＜/a＞＜/p＞

＜P align= "center"＞＜ahref="nanhengshan.htm"target="mainframe"＞衡山＜/a＞＜/p＞

＜P align= "center"＞＜ahref="beihengshan.htm"target="mainFrame"＞恒山＜/a＞＜/p＞

＜p align= "center"＞＜ahref="songshan.htm"target="mainFrame"＞嵩山＜/a＞＜/P＞

＜p align= "center"＞＜ahref="huangshan.htm"target="_blank"＞黄山＜/a＞＜/p＞

＜/body＞

＜/html＞

[first.html文档的内容]

＜!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd"＞

＜html＞

＜head＞

＜metahttp-equiv="content-Type"content="text/html；charset=gb2312"＞

＜title＞first＜/title＞

＜style. type="text/css"＞

＜!--

.txt{

font-family:"宋体"；

font-size:12px；

color:000000；

--＞

＜/style＞

＜/head＞

＜body＞

＜span class="txt"＞五岳是远古山神崇敬拜、五行观念和帝王巡猎封禅相结合的产物，＜br＞

后为道教所继承，被视为道教名山，它们是:＜br＞

＜/span＞

＜ul＞

＜li class="txt"，东岳泰山(1532米)，位于山东泰安市。＜/li＞

＜li class="txt"＞西岳华山(1997米)，位于陕西华阴市。＜/li＞

＜li class="txt"＞南岳衡山(1512米)，位于湖南长沙以南的衡山县。＜/li＞

＜li class="txt"＞北岳恒山(2017米)，位于山西浑源县。＜/li＞

＜li class="txt"＞＜span class="txt"＞中岳嵩山(1440米)，位于河南登封市。＜/span＞＜/li＞

＜/ul＞

＜p＞＜IMG nClick=over(this) title=放大src="huangshan.jpg"width="150"height="150"alt="黄山"align="left"

hspace="10"vspace="10"＞＜br＞

＜span class="txt"＞＆nbsp;＆nbsp;＆nbsp;＆nbsp;黄山，古称黟山，唐天宝六年(公元747年)＜br＞

依轩辕黄帝曾在黄山炼丹羽化升天的传说，唐＜br＞

明皇敕改黟山为黄山。它地跨市内歙县、休宁、＜br＞

黟县和黄山区、徽州区，面积1200平方公里，＜br＞

现划入黄山风景区的154平方公里，是号称＜br＞

"五百里黄山"的精华部分。＜/span＞

＜br＞＜span class="txt"＞＆nbsp;＆nbsp;＆nbsp;＆nbsp;中国安徽黄山是世界文化、自然遗产，也是中＜br＞

国十大风景名胜中唯一的山岳风景区。人间仙＜br＞

境般的黄山自古就有”五岳归宋不看山，黄山归＜br＞

来不看岳"、"登黄山天下无山”的美誉。＜/span＞＜br＞

＜/body＞

＜/html＞

该网页使用了几个框架，名字分别是什么?

认真阅读以下关于静态网页制作和动态网页编程的技术说明，根据要求回答问题1～问题6。

【说明】

一、静态网页制作

某电子商务公司用ASP实现了一个用于手机销售信息查询的网页，主页文件名为“index.html”，其文档内容如下。

[index.html文档内容]

＜html＞

＜head＞

＜title＞易搜手机资讯广场＜/title＞

＜/head＞

＜frameset cols="198, *" "border=0"＞

＜frame name="side" src="side.html" scrolling="No"＞

＜frameset rows='96, *" "border=0"＞

＜frame name="top" src="top.html" scrolling="No"＞

＜frame name="main" src="main.asp" scrolling="Auto"＞

＜/frameset＞

＜/frameset＞

＜body＞

＜/body＞

＜/html＞

二、动态网页编程

图6-9是用户按品牌型号进行查询时的网页(main.asp)在IE浏览器上运行后的效果图。表6-9是手机信息数据库表结构。

其中，Brand字段下共有两种数据：moto、nokia，分别代表摩托罗拉、诺基亚。

【main.asp文档的内容】

＜html＞

＜head＞

＜title＞易搜手机资讯广场＜/title＞

＜/head＞

＜body bgcolor="ffffff" background="bg1.gif" text="000000"＞

＜table border="0" cellpadding="0" cellspacing="0" width="100%"＞

＜left＞

＜!-以下为实现按手机型号搜索功能的部分--＞

＜from name="form1" method="post" action="main_search.asp"＞

＜div align="left"＞

＜table width="400" border="0"＞

＜tr＞

＜td align="right" width="120"＞请输入＜font color="ff0000"＞型号＜/font＞关键字：＜/td＞

＜td align="left" width="40"＞

＜input name="Searchtxt" type="text" id="Searchtxt"＞＜/td＞

＜td colspan="2" align="left"＞

＜input type="submit" name="Submit" value="搜索"＞＜/td＞

＜/tr＞

＜/table＞

＜/div＞

＜/form＞

＜/left＞

＜/table＞

＜!-以下为浏览手机信息部分功能＞

＜table＞

＜center＞

＜%dim searchtext searchtext=Request.Form. ("Mobel")

exec="select * from mod order by Type ASC"

set conn=server.createobject ("adodb.connection")

dbpath=server.mappath ("mod.mdb")

conn.open "PROVIDER=Microsoft.jet.OLEDB.4.0;data source="&dbpath

set rs=server.createobject ("adodb.recordset")

rs.open exec, conn, 1, 3

＜!-省略关于分页功能的代码＞

%＞

＜div align="right"＞

＜table border="1" width="100%"＞

＜tr＞

＜th width="20%"＞＜font color="996633" size="2"＞品牌＜/font＞＜/th＞

＜th width="20%"＞＜font color="996633" size="2"＞型号＜/font＞＜/th＞

＜th width="20%"＞＜font color="996633" size="2"＞参考价格＜/fonr＞＜/th＞

＜th width="40%"＞＜font color="996633" size="2"＞功能描述＜/font＞＜/th＞

＜/tr＞

＜/table＞＜br＞

＜% do while NOT rs.EOF and rowcount＞0%＞

＜div align="right"＞

＜table border="1" width="100%"＞

＜tr＞

＜td align="center" width="20%"＞＜font size="2"＞＜%=rs (Brand) %＞＜/font＞＜/td＞

＜td align="center" width="20%"＞＜a herf="＜%=rs ("type") %＞.asp"＞＜

阅读下列说明，根据网页显示的效果图，回答问题1至问题3。

【说明】

某商务网站用ASP实现了一个手机性能评价投票网页，主页文件名为“index. asp”，用IE打开该网页后的效果如图4-9所示。程序中使用的Access数据表结构如表 4-1所示。

[index.asp 文档的内容]

＜html＞

＜head＞

＜title＞投票程序＜/title＞

＜%

Set cnn=Server. CreateObject("ADODB.Connection")

Set rec=Server. CreateObject("ADODB.Recordset")

cnn. ConnectionString="Driver={Microsoft Access Driver (*.mdb)};Uid=;Pwd=;

DBQ=" & Server.MapPath("data.mdb")

cnn. (1)

dim rsql

rsql = (2)

ten.open rsql,cnn,3,3

rec.movefirst()

%＞

＜/head＞

＜body＞

＜form. name="piao" action="results.asp" method="post" ＞

＜table width="237" border="l" align="center"＞

＜tr＞

＜td valign=top width="216"＞

＜p align="center"＞ (3)

＜/td＞

＜/tr＞

＜tr＞

＜td valign=top width="216"＞

＜font size="2"＞

(4)

＜%

dim num

num= 0

do while not rec.eof

num=num+l

%＞

＜Input name='rd' type='radio' value='＜%num%＞' id='＜%=num%＞'

＜%if num=l then response.write "checked"%＞＞

＜%=rec.fields("content")%＞

＜%

rec. (5)

loop

%＞

＜/font＞

＜/td＞

＜/tr＞

＜tr＞

＜td valign=top width="216"＞

＜input name="submit00" type="submit" id="submit00"value="投票"＞

＜/rd＞

＜/tr＞

＜/table＞

＜/body＞

＜/html＞

从以下备选答案中为程序中(1)～(5)处空缺内容选择正确答案，填入答题纸对应的解答栏内。

(1)A．CreatObject()B．connect0 C．go()D．open()

(2)A．"select*from data" B．"select*fromvote"

C．select*from data D．select*from vote

(3)A．＜pic border="0" src="mobile.bmp"＞

B．＜pictureborder="0"src="mobile.bmp"＞

C．＜IMG nClick=over(this)title=放大border="0'，src="mobile．bmp"＞

D．＜imageborder="O" src="mobile.bmp"＞

(4)A．＜p align="left"＞您认为这款手机的性能如何?＜/p＞

B．＜p align="center"＞您认为这款手机的性能如何?＜/p＞

C．＜talign="left"＞您认为这款手机的性能如何?＜/p＞

D．＜talign="center"＞您认为这款手机的性能如何?＜t＞

(5)A．6r3t()

B．next()

C．movenext()

D．nextrecord()

认真阅读以下关于网页制作和网页编程的内容，回答问题1至问题5。

一、网页制作

[说明]

某网络资讯公司用ASP实现了一个用于手机销售信息查询的网页，主页文件名为“index.html”，其内容如下所示，网页的效果如下图所示。

＜html＞

＜head＞

＜title＞＜/title＞

＜/head＞

＜frameset cols="198,*" border=0＞

＜frame. name="side" src="side.html" scrolling="No"＞

＜frameset rows="96,*"border=0＞

＜frame. name="top" src="top.html" scrolling="No"＞

＜frame. name="main" src="main.asp" scrolling="Auto"＞

＜/frameset＞

＜/frameset＞

＜body＞

＜/body＞

＜/html＞

二、动态网页编程

[说明]

下图是网页在Ⅲ浏览器上运行后的效果图。下表是手机信息数据表结构。

[main.asp文档的内容]

＜html＞

＜body bgcolor="ffffff" background="bg1.gif" text="000000"＞

＜table border="0" cellpadding="0" cellspacing="0" width="100%"＞＜left＞

＜!-以下为实现按手机型号搜索功能的部分--＞

＜form. name="form. 1" method="post" action="main_search.asp"＞

＜div align-"left"＞

＜table width="400" border="0"＞

＜tr＞

＜td align="right" width="120"＞请输入＜font color="ff0000"＞型号＜/font＞关键字:＜/rd＞

＜rd align="left" width="40"＞

＜input name="Searchtxt" type="text" id="Searchtxt"＞＜/td＞

＜rd colspan="2" align="leff"＞

＜input type="submit" name="Submit" value="搜索"＞

＜/td＞＜/tr＞

＜/table＞

＜/div＞

＜/form＞＜/left＞

＜/table＞

＜table＞

＜!-以下为浏览手机信息部分功能--＞

＜CENTER＞

＜%dim searchtext

searchtext=Request.Form("Mode 1")

'从数据库中读数据

exec="select * from mod order by Type ASC"

set conn=server.createobject("adodb.connection")

dbpath=server.mappath("mod.mdb")

conn.open "PROVIDER=Microsoft.jet.OLEDB.4.0;data source="&dbpath

set rs=server.createobject("adodb.recordset")

rs.open exec,conn,1,3

＜!--省略关于分页功能的代码＞

%＞

＜div align="right"＞

＜table border="1" width="100%"＞

＜tr＞

＜th width="20%"＞＜font color="996633" size="2"＞品牌＜/font＞＜/th＞

＜th width="20%"＞＜font color="996633" size="2"＞型号＜/font＞＜/th＞

＜th width="20%"＞＜font color="996633" size="2"＞参考价格＜/font＞＜/th＞

＜th width="40%"＞＜font color="996633" size="2"＞功能描述＜/font＞＜/th＞

＜/tr＞

＜/table＞＜br＞

＜% do while NOT rs.EOF and rowcount＞0%＞

＜div align="right"＞

＜table border="1" width="100%"＞

＜tr＞

＜td align="center" width="20%"＞＜font size="2"＞＜%=rs("Brand")%＞＜/font＞

＜/td＞

＜td align="center" width="20%"＞＜a href="＜%=rs("Tvpe")%＞.asn"＞＜font size=

"2"＞＜%=rs("Type")%＞＜/font＞＜/a＞

＜/td＞＜/td＞

＜td align="center" width="20%"＞＜font size="2'＞＜%=rs("Price")%＞＜/font＞

＜/td＞＜/td＞

&n

请根据网页显示的效果图和网页中的元素说明，将HTML文本中 (n) 处的解答填入答题纸对应的解答栏内。

说明

在Ⅲ浏览器中输入常春藤大学招生办公室主页的网址并回车后，网页显示的效果如图5-1所示。

HTML文本

＜html＞

＜head＞

＜title＞2004 年研究生入学考试成绩查询＜/title＞

(1)

＜body bgcolor="white"＞

＜p align="center"＞ (2) ＜/p＞

＜p align="center"＞2004 年入学考试成绩查询＜/p＞

＜p align="center"＞

＜IMG nClick=over(this) title=放大 border="0" sre="nyc.jpg" width="77" height="83"＞

＜/p＞

＜div align="center" style="width: 679; height: 101"＞

＜table border="1" width="63%'' height="17"＞

＜tr＞

＜rd width="23%" height=-"1"＞

＜p align="right"＞＜font face="宋体" size="2"＞请输入准考证号 : ＜/font＞＜/p＞

＜/td＞

＜td width="46%" height="1"＞

(3)

＜p＞

＜input type="text'' name="T 1" size="20"＞

＜input type="submit" value="开始查找" name="Bl"＞＜/p＞

＜/form＞

＜ltd＞

＜/tr＞

＜tr＞

＜rd width="23%" height=-" 17"＞

＜p align="right"Xfont size="2 "＞考生类别: ＜/font＞＜/p＞

＜/td＞

＜rd width="38%'' height=19＞

(4)

＜/td＞

＜/tr＞

＜tr＞

＜td width="23%" height=-" 1"＞

＜p align="right"xfont size="2"＞报考系: ＜/font＞＜/p＞

＜ltd＞

＜td width="46%'' height=-'' 1 "＞

＜p align="le~"＞＜select size=" 1" name="D 1"＞

＜option selected＞计算机科学系＜/option＞

＜option＞机械工程系＜/option＞

＜option＞ 中文系＜/option＞

＜/select＞＜/p＞

＜/td＞

＜/tr＞

＜/table＞＜/div＞＜p align="center"＞＜font size="2"＞如有疑问,速与招生办公室联系!

(5)

＜a href=-"mailto:vipmail@cqt, edu.cn"＞zsb@cqt.edu.cn＜/a＞＜/font＞＜/p>＜p align="center"＞＜font size="2"＞下载2005年招生

简章:＜/font＞

(6)

＜font size="2" color="Red"＞>>立即下载＜/font＞＜/a＞＜/P＞＜/html＞

请根据网页显示的效果图和网页中的元素说明完成HTML文本中 ______处的内容。

【源代码】

＜html＞

＜head＞

(1)

＜meta. http-equiv=Content-Type content="text/html; charset=gb2312"＞

＜/head＞

＜body＞

(2)

＜strong＞ 欢迎使用 Mickey 邮箱＜/strong＞

(3)

＜b＞用户名: ＜/b＞＜input size=12 name=UserName ＞ @

＜SELECT name=domain＞

(4)

＜/selecy＞

＜br＞＜br＞

(5)

＜br＞＜br＞

(6)

＜br＞＜br＞想拥有Mickey 邮箱吗?请点击顶部图片进行注册

＜/form＞

＜/body＞

＜/html＞

请根据网页显示的效果图(如图12-4所示)，将HTML文本中(n)处解答填于纸相应的解答栏内。

＜html＞

＜head＞

＜!-- TcmplateBeginEditable name="doctitle" --＞

＜title＞论坛登录注意事项＜/title＞

＜!-- TemplateEndEditable --＞

＜meta. http-equiv="Content-Type" content="text/html; charset=-gb2312"＞

＜!-- TemplateBeginEditable name="head" --＞

＜!-- TemplateEndEditable --＞

＜1-- TemplateParam name="Header" type="boolean" value="tme" --＞

＜!-- TemplateParam name="this" type="boolean" value="tme" --＞

＜!-- TemplateParmn name="UserName" (1) value="textfieldl"--＞

＜!-- TemplateParam name="Password" type="text" value="textfieldl" --＞

＜!-- TemplateParam name="ButtonName" type="text" value="Submit" --＞

＜!-- TemplateParam name="ButtonLabel" type="text" value="Sign In" --＞

＜!-- TemplateParam name="FormAction" type="text" value="" --＞

＜!-- TemplateParam name="FormMethod" type="text" value="post" --＞

＜!-- TemplateParam name="FormName" type="text" value="forml" --＞

＜style. type="text/css"＞

＜!--

.stylel {

font-size: 36px;

font-weight: bold;

}

--＞

＜/style＞

＜/head＞

＜body class="sub"＞

＜div align="center"＞＜span class="style1 "＞论坛登录注意事项＜/span＞＜br＞

＜/div＞

＜formame="@@(FormName)@@method="@@(ForrnMethod) @@"action="@@(FormAetion) @@,,＞

＜table width="85%" border="0" cellspacing="0" cellpadding="1" class="TitleColor"＞

＜tr style="vertical-align: top"＞

＜td＞ ＜table width="100%" height="290" border="1" cellpadding="4" cellspacing="0"＞

＜tt class="HeaderColor"＞

＜td width="175" style="vertical-align: top"＞＜!-- TemplateBeginEditable name="Title" --＞

＜h3 align="center"＞论坛登录＜/h3＞

＜!-- TemplateEndEditable --＞＜/td＞

＜td width="437" style="vertical-align: top"＞＜!-- TemplateBeginIf eond="Header" --＞

＜!-- TemplateBeginEditable name="Title2" --＞

＜h3 align=(2)＞注意事项＜/h3＞

＜!-- TemplateEndEditable --＞＜!-- TemplateEndlf--＞＜/td＞

＜/tr＞

＜tr style="vertical-align: top"＞

＜td height="230" class="TitleColor"＞＜!-- TemplateBeginEditable name="Title3"--＞

＜label for="usemame"＞＜strong＞用户名称＜/strong＞＜/label＞

＜!-- TemplateEndEditable --＞＜br＞＜input id="usemame" name="usemame"

type="text"(3)＞

＜p＞ ＜/p＞

＜!-- TemplateBeginEditable name="Title4" --＞

＜label for="password"＞＜strong＞用户密码

＜input id="password3" name="password" type="password" size="25"＞

＜/strong＞＜/label＞

＜!-- TemplateEndEditable --＞

＜div align="right"＞＜strong＞

&nbs

阅读下列说明，根据网页显示的效果图，回答问题1至问题4，将解答填入对应的解答栏内。

【说明】

以下是用ASP实现的一个留言系统。用IE打开网页文件index．html后的效果如图5-1所示。

【index．html 文档的内容】

＜html＞

＜head＞

＜title＞留言系统＜/title＞

＜/head＞

＜body＞

＜p align="center"＞＜font color="006699"＞留言系统＜/font＞＜/p＞

＜form. method="post"action="submit．asp"＞

＜table border="0"cellspacing="1"width="89%"＞

＜tr＞

＜td＞姓名： ＜/td＞

＜td＞＜ (2) name="name" size="30" class="text" maxlength="20"＞＜/td＞

＜/tr＞

＜tr＞

＜td＞性别： ＜/td＞

＜td＞＜ (3) name="sex" size="1"＞

＜option selected＞请选择你的性别＜/option＞

＜option value="男"＞男＜/option＞

＜option value="女"＞女＜/option＞

＜/select＞＜/td＞

＜/tr＞

＜tr＞

＜td＞＜b＞简短留言: ＜/font＞＜/b＞＜/td＞

＜td＞＜ (4) name=-content" rows="6" cols="45" class="text"＞＜/textarea＞

＜/td＞

＜/tr＞

＜tr＞

＜td＞＜ (5) name="submit'' class="btn" value="提交留言"＞＜/td＞

＜td＞＜ (6) name="B1" value="全部重填" class='!btn"＞＜/td＞

＜/tr＞

＜/table＞

＜/form＞

＜/body＞

＜/html＞

【submit.asp 文档的内容】

＜%

If request.form("name")=" " Then

response.write"＜script＞alert('请填写留言人性名!'); history.back()

＜/script＞"

response.end

End If

If request.form("sex")=" " or request.form("sex")="请选择你的性别" Then

response.write"＜script＞alert '请选择留言人性别');history. back()

＜/script＞"

response.end

End If

If len( (7) )＞100 Then

response.write"＜script＞alert('争议不能超过100字!'); history. back()

＜/script＞"

response.end

End If

%＞

＜!--include file="conn.asp" --＞

＜%

dim rs,sql

set rs=server. (8)

sql="select * from data where (id is null)"

rs.open sql,conn, 1,3

rs. (9)

rs("name")＝ (10)

rs("sex")=request．form("sex")

rs("content")=request．form("content")

rs("date")=now()

rs("ip")=request．ServerVariables("remote_addr")

rs. (11)

rs．close

conn．close

response．redirect"success．asp"

%＞

将以上index．html更名为(1)后，将不能直接在IE中正常显示该网页。(1)A．index．htm

B．index．php C．index．asp

●试题四

请根据网页显示的效果图和网页中的元素说明，将HTML文本中(n)处的解答填入答题纸的对应栏中。

［说明］

在IE浏览器中输入yoyo电子邮局主页地址并回车后，网页的显示效果如下图所示。

yoyo电子邮局主页在IE中刚打开时的效果图

【网页中的元素说明】

见下表。

网页中的元素说明

类 型

说 明

图片

文件名：”atmail.jpg”；宽度：80pixels；高度：80pixets

“登录名：”文本框

名称：“login_name”；尺寸：20字符

“密码：”密码文本框

名称：“login_password”；尺寸：20字符

“类型：”下拉组合框

文字列表项：“商务用户”、“VIP用户”、“免费用户”

发送电子邮件超链接

邮件发送地址：“vipmail@yoyo.net”

BBS超链接

超链接地址：“http：//bbs.yoyo.com”

【HTML文本】

<html>

<head>

<title>yoyo邮局主页<／rifle>

<／head>

<body>

<p align=“center”>

<b><font color=“800080”face=“楷体_GB23 12”size=“5”>yoyo邮局<／font><／b>

</p>

<p align=“center”>

(1)

<／p>

<p align=“left”></p>

<p align=“left”>用户登录</p>

<table>

<tr><td width=“100”height=“16”>

<div align=“right”>

登录名：

<／div><／td>

(2)

<／table>

<table>

<tr><td width=“100”height=“16”>

<div align=“right”>

密码：

<／div><／td>

(3)

<／table>

<table>

<tr><td width=“100”>

<div align=“right”>

类型：

</div></td>

<select nchange=“changeBackURL()”name=“select”>

<option>商务用<／option>

<option>免费用户 (4) <／option>

<／select>

<／table>

<p><／p><p><／p>

VIP服务咨询邮箱： (5)

<a href=“http：／／bbs.yoyo.com”>参加yoyo邮局社区讨论</a>

<／body>

<／html>

阅读下列说明，将空白处的语句补充完整。

【说明】

以下是HTML语言的部分代码，其中，符号“//”表示该行的注释，请根据注释写出其内容。

＜html＞

＜head＞

＜bgsound＞ (1)

// 表示指向一个与该网页处于同一级educity目录下csai.mp3 音乐文件，循环播放10次

＜title＞

＜/title＞

＜/head＞

＜/body＞

……

＜/head＞

＜body (2) ＞ // 背景色为黑色

＜font (3) ＞＜/font＞ //字体大小为10, 颜色为白色

……

＜/title＞

＜/head＞

＜body (4) ＞ //表示指向一个与该网页处于同一级Web目录下的csai.jpg图片文件为背景

＜/body＞

……

＜head＞

＜title＞设置align属性效果＜/title＞

＜/head＞

＜body＞

＜p＞ // 本行为默认对齐段落,相当于align=left

(5) // 以下为左对齐的水平线

(6) ＜/h1＞ //本行为居中对齐的一级标题

// 以下为左对齐的水平线

＜hr align= left width=50%＞

＜/body＞

……

＜p＞

……

＜a (7) ＞ ＜/a＞＜/p＞ // 链接http://bbs.csai.cn

＜a href = photo.jpg＞＜/a＞

……

＜title＞基本表格＜/title＞

＜/head＞

＜body＞

＜table (8) ＞ //该表格的边宽度为1

……

＜/html＞