【答案解析】(1)在和之间的内容是head信息。head信息是不显示出来的,在浏览器中看不到,但是这并不表示这些信息没有用处。例如,可以在head信息中加上一些关键词,这有助于搜索引擎搜索到网页。
在.之间的内容是这个文件的标题。可以在浏览器最顶端的标题栏看到这个标题。在和之间的信息是正文。从页面预览效果来看,此处代码需要显示在浏览器的标题栏,因此,需使用title标记:
[*]
(2)从网页预览效果给出的部分代码来看,此处是显示一个logotitle.gif的图片。在HTML中,常使用
这个标记来插入图片。最基本的语法如下:
[*]
其中,ur1表示图片的路径和文件名。ur1可以是“http://www.csai.crdimages/logo/csai_logool.gif”,也可以是一个相对路径“../images/logo/csai_logool.gif”。因此,第(2)空为img src。
(3)表单(form)是HTML的一个重要部分,主要用于采集和提交用户输入的信息。举个简单的例子,一个让用户输入姓名的表单的示例代码如下:
[*]
关于表单,我们要掌握的知识点主要有以下3个。
·表单控件:通过HTML表单的各种控件,用户可以输入文字信息,或者从选项中选择,以及做提交的操作。在上面的例子中,“input type="text"”就是一个表单控件,表示一个单行输入框。
·action: 用户填入表单的信息总是需要程序来进行处理,表单里的action就指明了处理表单信息的文件。上面例子中的“../html/csai.asp”表示将用csai.asp程序来处理表单信息。
·method:表示发送表单信息的方式。method有两个值,分别是get和post。get的方式是将表单控件的name/value信息经过编码之后,通过URL发送(可以在地址栏里看到);而post则将表单的内容通过HTTP发送(在地址栏看不到表单的提交信息)。一般来说,如果只是为取得和显示数据,用get;一旦涉及数据的保存和更新,要用post。
通过上面的分析,很显然,第(3)空处应该是action。
从网页预览效果给出的部分代码来看,此处是两个表单控件,分别是密码输入框与图片提交框。HTML表单常用控件如表6-4所示。
{{B}}表6-4 常见表单控制及其说明{{/B}}
|
表单控件 |
说 明 |
input type=”text” |
单行文本输入框 |
input type=”submit” |
将表单里的息提交给表单里action所指向的文件 |
input type=”checkbox” |
复选框 |
input type=”radio” |
单选框 |
select |
下拉框 |
textArea |
多行文本输入框 |
input type=”password” |
密码输入框(输入的文字用+表示) |
·密码输入框(inputtype=”password”)。密码输入框主要用于一些保密信息的输入,因为用户输入的时候,显示的不是输入的内容,而是黑点符号。例如:
[*]
·提交按钮(input type=”submit”)。通过提交可以将表单里的信息提交给表单中action所指向的文件。例如:
[*]
·图片提交(input type=”image”)。input type=image相当于input type=submit,不同的是,input type=image以一个图片作为表单的提交按钮,其中src属性表示图片的路径。例如:
[*]
因此,(4)处为password; (5)处为image。
(6)从代码中不难观察出,<table>表格标签还缺少一个结束标记</table>。HTML表格用<table>表示。一个表格可以分成很多行(row),用<tr>表示;每行又可以分成很多单元格(cell),用<td>表示。这3个标记是创建表格最常用的标记,起始标记与结束标记必须成对出现。表格标签示例如下:
[*]
表格预览效果如图6-9所示。
[*]