请根据网页显示的效果图(如图7.1所示)和网页中的元素说明(如表7—1所示)完成HTML文本中______处的内容。
表7-1 网页中的元素说明 | ||
序 号 | 类 型 | 说 明 |
1 | 图片链接 | 链接在新窗口中打开,目标地址:register.html,图像名称:mickey,jpg,高度:150,宽 度:100,替换文本:注册Mickey邮箱,图像无边框 |
2 | 表单 | 名字:login,处理程序:cgi—bin/login |
3 | 选择字段 | 包括两个选项:mail.mickey.com.cn和mail.mickey.com,其中mail.mickey.com.cn为默认 选项 |
4 | 密码框 | 名字:PWD,宽度:12,最大允许长度:16 |
5 | 提交按钮 | 名字:SM |
参考答案:(1)<title>Mickey邮件系统</title>
(2)<a href=”register.html"target=”_blank”><img 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.corn.cn</option>
解析:本题考查HTML语言的基本语法知识。做这类题目最重要的是仔细对比网页中显示的内容与程序中实现了的内容,从而找出解题的方法。
一个HTML文档包括文档头和文档体两部分。文档头信息包含在标ig<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 src="mickey.jPg”width=”150”height=”100”border="0"alt=”注册Mickey邮箱”></a>”。
第(3)空也在文档体中,从网页中可以推断出是实现用户名后面的表单,表单标记为<form></form>,其中表单中重要的两个参数是:action用以指明处理该表单数据的程序所在的位置;method用以表明传送数据的方式,可选值为post、get,post允许传送大量数据,提交的信息不会显示在地址栏中,但get则只接收低于1KB的数据,提交的信息会显示在浏览器的地址栏中。题目中已经给出了表单的一些属性,如名字:login,处理程序:cgi-bin/login,因此可以得到此空答案为“<form name=”login”action_"cgi-bin/login”method=”post”>”。
第(4)空位于<select></select>之间,这表明实现用于选择的下拉框。从题目中给出的条件可以知道它有两种选择,分别是mail.mickey.tom.cn和mail.mickey.com,其中mail.mickey.com.cn为默认选项,选择下拉框中的选项标记是<option>,因此答案为“<option value=”mail.mickey.com.cn” selected>mail.mickey.corn.cn</option><optionvalue=”mail.mickey.corn”>mail.mickey.com 第(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”>”。