请根据网页显示的效果图(见图6-3)和网页中的元素说明回答问题。以下是网页部分源代码,请填写______ 处的空格。<html><head>(1)<meta. http-equiv="Content-Type" content="text/html; charset=gb2312"><link hrel="./inc/style.css" rel="stylesheet" type="text/css"><style. type="text/css"><!-- body { margin-left: Op

题目

请根据网页显示的效果图(见图6-3)和网页中的元素说明回答问题。

以下是网页部分源代码,请填写______ 处的空格。

<html>

<head>

(1)

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

<link hrel="./inc/style.css" rel="stylesheet" type="text/css">

<style. type="text/css"><!-- body { margin-left: Opx; margin-top: Opx; margin-right: Opx; margin-bottom: Opx;}

.style1 { font-family: Arial, Helvetica, sans-serif; color: FFFFFF; }

.style2 {color: FFFFFF}

--></style>

</head>

<body>

<br>

<table width="700" height="420" border="0" align="center" cellpadding="0"cellspacing="1" bgoolor="dddddd">

<tr>

<td valign="top"><table width="700" height="420" border="0" cellpading="0" cellspacing="0" bgcolor="ffff">

<tr>

<td valign="top"><table width="700" border="0" cellpadding="5" cellspacing="0" bgcolor="f1f1f1">

<tr><td>欢迎使用员工管理系统</td></tr>

</table>

<table width="700" height="80" border="0" cellpadding="0" cellspacing="0">

<tr>

<td><(2)="./images/logotitle. gif" width="700" height="80"></td>

</tr>

</table>

<table width="700" height="38" border="0" cellpadding="0" cellspacing="0" background="./images/bg_link.gif">

<tr><td> </td></tr>

</table>

<table width="700" border="0" cellspacing="0" cellpadding="0">

<tr>

<td height="280"><IMG height="80" src="./images/logo. gif" width="389"></td>

<td valigr="bottom">

<form. method="post" name="Form. 1"(3)="login. asp">

<table width="300" border="0" cellspacing ="0" cellpadding="3">

<tr>

<td>用户名称: </td>

<td><input name="uid" maxlength="14" size="14" ></td>

<td>&nisp;</td>

<td> </td>

</tr>

<tr>

<td>用户密码: </td>

<td><input type="(4)"name="pwd" maxlength="6" size="14"></td>

<td> </td>

<td><input type="(5)"border="0" height="20" src="./images/login.gif" width:"54"></td>

</tr>

(6)


相似考题
更多“ 请根据网页显示的效果图(见图6-3)和网页中的元素说明回答问题。以下是网页部分源代码,请填写______ 处的空格。<html><head>(1)<meta. http-equiv="Content-Type" ”相关问题
  • 第1题:

    请根据网页显示的效果图和网页中的元素说明完成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>


    正确答案:(1)title>Mickey邮件系统/title> (2)a href="register. html" target="_blank">IMG onClick=over(this) title=放大 src="mickey.jpg" width="150" height="100"border=-"0"alt="注册Mickey邮箱">/a> (3)form name="login" action="cgi-bin/login" method="post"> (4)option value="mail.mickey.com.cn" selected>mail.mickey.com.cn/option> option value="mail.mickey.com">mail.mickey.com/option> (5)b>密 码:/b>input type="password" size="12" maxlength="16" name="PWD"> (6)input type="submit" value="登录" name="SM">
    (1)title>Mickey邮件系统/title> (2)a href="register. html" target="_blank">IMG nClick=over(this) title=放大 src="mickey.jpg" width="150" height="100"border=-"0",alt="注册Mickey邮箱">/a> (3)form. name="login" action="cgi-bin/login" method="post"> (4)option value="mail.mickey.com.cn" selected>mail.mickey.com.cn/option> option value="mail.mickey.com">mail.mickey.com/option> (5)b>密 码:/b>input type="password" size="12" maxlength="16" name="PWD"> (6)input type="submit" value="登录" name="SM"> 解析:本题考查HTML语言的基本语法知识。做这类题目最重要的是仔细对比网页中显示的内容与程序中实现了的内容。从而可以找出解题的方法。
    一个HTML文档包括文档头和文档体两部分。文档头信息包含在标记head>与/head>之间,包含了一些有关此网页的信息,如网页标题、导入样式表信息等。body>与/body>中间的是网页的文档休部分。
    第(1)空是在标记head>与/head>之间,是文档头的内容,结合程序很容易发现,在文档头中缺一个网页标题,再从网页中可以看到其标题是Mickey邮件系统,在HTML中用title>/title>来添加标题,因此答案为“title>Mickey邮件系统/title>”。
    第(2)空在文档体中,结合程序和网页不难发现,此空是用来实现网页中的有米老鼠图片的链接,题目中给出了图片的相关属性,如目标地址:register. html,图像名称: mickey.jpg,高度:150,宽度:100,替换文本:注册Mickey邮箱,图像无边框等,并要求在新窗口中打开。链接标记为a>/a>,下面就看我们对链接的熟悉程度了,如果熟悉的话,此空就不难完成了,答案应该为“a href="register. html" target="_blank">IMG nClick=over(this) title=放大 src="mickeg.jpg" width="150" height="100" border="0" alt="注册Mickey邮箱" >/a>"。
    第(3)空也在文档体中,从网页中可以推断出是实现用户名后面的表单,表单标记为form>/form>,其中表单中重要的两个参数是;action用以指明处理该表单数据的程序所在的位置;method用于表明传送数据的方式,可选值为post、get,post允许传送大量数据,提交的信息不会显示在地址栏中,但get则只接收低于1kb的数据,提交的信息会显示在浏览器的地址栏中。题目中已经给出了表单的一些属性,如名字:login,处理程序:cgi-bin/login。因此可以得到此空答案为“formname="login" action="cgi-bin/login" method="post">"。
    第(4)空位于select>/select>之间,这表明实现用于选择的下拉框,从题目中给出的条件可以知道它有两种选择,分别是mail.mickey.com.cn和mail.mickey.com,其中 mail.mickey.com.cn为默认选项,选择下拉框中的选项标记是option>,因此答案为 "option value="mail.mickey.com.cn"selected>mail.mickey.com.cn/option>option value="mail.mickey.com">mail.mickey.com/option>"。
    第(5)空的作用可以结合程序和网页的内容来分析,不难判断出此空用来完成对密码框所在行内容的设置,题目中告诉我们密码框的一些属性,如名字:PWD,宽度: 12,最大允许长度:16。首先我们要输出密码框前面密码二字,然后对密码框中内容进行处理,这里要用到输入标记,参数type表示输入方式,输入方式为text,能产生一单行文本框,上限为255字节,align为对齐方式,size为显示的长度,maxlength为输入的字节数的上限。因此答案为“b>密码:/b>input type="password" size="12" maxlength="16"name="PWD">"。
    第(6)空的任务也可以结合程序和网页的内容来分析,此时网页中只有一个内容没有实现,就是登录按钮,那么此空就用来实现这个按钮,此处也要用到输入标记,按钮名字为SM,因此答案为"input type="submit" value="登录" name= "SM">"。

  • 第2题:

    阅读以下网站建设的说明,结合网页显示的效莱图,根据要求回答问题。

    [说明]

    某出版社图书搜索网页是使用ASP语言实现的,其文件名为“index01.asp”。用IE浏览器打开该网页后,其部分显示效果如图6~14所示。

    [index01.asp文件的内容]

    根据图6-14网页的显示效果图,请将index01.asp文件中(1)~(7)空缺处的内容填写完整。


    正确答案:(1) title> (2) /title> (3) include (4) selected (5) value (6) submit (7) button
    (1) title> (2) /title> (3) include (4) selected (5) value (6) submit (7) button

  • 第3题:

    在HTML网页文件基本结构中,<head>和</head>之间的内容会显示在网页中。


    错误

  • 第4题:

    请认真阅读以下网站建设的技术说明,结合网页显示的效果图,根据要求回答问题1~问题4。

    【说明】

    某出版社图书搜索网页使用ASP语言实现,文件名为“index2.asp”。用Ⅲ浏览器打开该网页后的部分显示效果如图1-18所示。

    【index2.asp文件的内容】

    <html>

    (1) 飞思--出版.专业.权威.智育(计算机原理.技术.应用/数码.艺术/设计/少儿/动漫) (2)

    <!-- (3) file="include/header, asp"-->

    <table width="784">

    <tr>

    ...

    <form. ... >

    <td width="45%">

    <select name="action">

    <option value="1"(4)>书名</option>

    <option value"2">作者</option>

    <option value="3">ISBN 号</option>

    <option value="4">出版日期</option>

    </select>

    <input type="text" size="15" maxlength="15" (5)="关键字">

    <input type="(6)"value="Go!" >

    <input type="(7)"value="高级检索" nClick="location.href='search.asp'">

    </td>

    </form>

    </tr>

    </table>

    </html>

    根据图1-18网页的显示效果图,请将index2.asp文件中(1)~(7)空缺处的内容填写完整。


    正确答案:(1)title> (2)/title> (3)include (4)selected (5)value (6)submit (7)button
    (1)title> (2)/title> (3)include (4)selected (5)value (6)submit (7)button 解析:这是一道要求读者掌握ASP语言进行动态网页设计的实际操作题。本题的解答思路如下。
    HTML文档以htm1>标签开始,以/htm1>结束,由文档头和文档体等两部分构成。其中,文档头由元素head>…/heab>标签,且可包含窗口标题、脚本语言、样式定义、元数据等元素。
    其中,窗口标题由元素title>…/title>标签,用于提供对HTML文档的简单描述,它将显示在浏览器的标题栏上,在收藏夹中所保存的就是窗口标题的名称。因此,(1)、(2)空缺处所填写的内容分别是 title>、/title>。
    由(3)空缺处所在语句的"include/header.asp"可知,在index2.asp文件的相应位置需添加相对路径为 include目录下的header.asp这一文件的全部内容。因此(3)空缺处需要使用引用的关键字“include”。可见,该网站所有页面都包含导航栏,而建设网站时将导航栏置于文件header.asp中。然后该网站所有页面文件中都包含!--# include file="include/header.asp"-->语句。当header.asp中的导航栏代码更新时,所有页面的导航栏也将全部更新,从而减少了网站维护的工作量。
    由图1-18页面中“书名”的显示效果可知,“书名”是单选框默认选中的值,因此(4)空缺处所填写的内容为“selected”。
    Input表示Form表单中的一种输入对象,其又随Type类型的不同而分文本输入框、密码输入框、单选/复选框、提交/重置按钮等。ASP语言中有多种表单元素,input type="text">,用于创建一个文本框。这是Input的默认类型,也是最常见使用最多的表单元素,比如登录输入用户名,注册输入电话号码,电子邮件,家庭住址等。结合(5)空缺处所在语句的“关键字”,仔细观察图1-18页面左上角相关内容的显示效果可知,“关键字”这一文字信息是文本输入框的默认值,因此(5)空缺处所填写的内容为“value”。
    在图1-18页面中需要添加“Go!”这一提交按钮,用于将Form表单的数据进行提交action页处理。因此(6)空缺处所填写的Type属性应设置"submit"。
    结合(7)空缺处所在的语句中onClick="location.href='search.asp'"可知,要让图1-18页面中的“高级检索”按钮跳转到search.asp页面上,因此(7)空缺处所填写的Type属性应设置"button"。这是标准的 Windows风格的按钮,可加入JavaScript代码使该按钮跳转到某个页面上。

  • 第5题:

    阅读以下网站建设的技术说明,结合网页显示的效果图,根据要求回答问题。

    [说明]

    某大学利用VOD视频服务系统提供教学课件点播服务。该视频服务系统用ASP语言编程实现,主页文件名为“index.asp”,部分网页运行的效果如图6-15所示。程序中使用的Access数据表结构如表6-21和表6-22所示。

    [conn.asp文档的内容]

    [index.asp文档的内容]

    请根据图6-15网页的显示效果,解释该ASP程序中用下画线标出的语句的含义,即填写(1)、(3)、 (4)、(6)、(10)空缺处的解释内容。


    正确答案:(1) 数据库连接对象conn以connstr中定义的连接字符串打开数据库连接 (3) 当前处于活动状态的标签a>中的文字显示为蓝色。 (4) div>标记下的内容居中 (6) 转下一次while循环 (10) 数据集对象rs移动到下一条记录
    (1) 数据库连接对象conn以connstr中定义的连接字符串打开数据库连接 (3) 当前处于活动状态的标签a>中的文字显示为蓝色。 (4) div>标记下的内容居中 (6) 转下一次while循环 (10) 数据集对象rs移动到下一条记录