HTML入门教程 (第九节)

HTML相关标记（六）——

R. Tables 表格
在 HTML 制定表格标记之前, HTML 作者不得不在<PRE> 标记中仔细安排他们的表格式的信息，计算空格的个数，预览输出效果。表格不仅对描述表格式信息十分有用，对于那些经常性的 HTML 作者来说，它可以使他们可以方便地完成大量的 Web 页.

一个表格包括了表头，用于说明每行/列包含什么内容；行rows表示信息； 单元cells表示每个表格项.

表格元素
元素描述——
<TABLE> … </TABLE>  定义一个表格。 如果使用了 BORDER 属性, 浏览器显示一个带边界的表格.
<CAPTION> … </CAPTION>  定义表格标题的caption . 标题的缺省位置在表格的顶部. 属性 ALIGN=BOTTOM可以用于指定标题显示在表格底部
注:caption标记内可以使用任意其他标记.
<TR> … </TR> 说明表格中的一行. 你可以定义整个行的缺省属性: ALIGN (LEFT, CENTER, RIGHT) 和/或 VALIGN (TOP, MIDDLE, BOTTOM). 详细内容参考本表格末尾的"表格属性"部分.
<TH> … </TH> 定义一个表格头单元. 缺省状态该单元的文本为粗体居中. 该单元可以包含其他属性,说明单元属性和/或单元内容. 详细内容参见本表格底部的"表格属性"部分.
<TD> … </TD> 定义一个表格数据单元. 缺省情况下该单元内的文本为水平方向靠左对齐, 垂直方向居中排放. 该单元可以包含其他属性,说明单元属性和/或单元内容. 详细内容参见本表格底部的"表格属性"部分.

表格属性
注: 在<TH> … </TH> 或 <TD> … </TD> 单元中定义的属性将覆盖( override ) <TR> … </TR>中的缺省定义.

属性描述——
ALIGN (LEFT, CENTER, RIGHT) —— 一个单元的水平位置的分配. 
VALIGN (TOP, MIDDLE, BOTTOM) ——  一个单元的垂直位置的分配.
COLSPAN=n —— 一个单元跨多少列(n).
ROWSPAN=n —— 一个单元跨多少行(n).
NOWRAP —— 关闭一个单元中的自动换行（word wrapping）.

通用表格格式
一个表格的通用格式形式为:

<TABLE> <== 表格定义的开始
<CAPTION> caption 内容 </CAPTION> <== caption 定义

<TR> <== 第一行定义的开始
<TH> 单元cell 内容 </TH> <== 第一行的第一个单元 (一个头head)
<TH> 单元内容 </TH> <== 第一行最后一个单元(一个头 head)
</TR> <== 第一行定义的结尾
<TR> <== 第二行定义的开始
<TD> 单元内容 </TD> <== 第二行第一个单元
….
<TD> 单元内容 </TD> <== 第二行最后一个单元
</TR> <== 第二行定义的结尾
<TR> <== 最后一行定义的开始
<TD> 单元内容 </TD> <== 最后一行第一个单元
…
<TD> 单元内容 </TD> <== 最后一行最后一个单元
</TR> <== 最后一行定义结尾
</TABLE> <== 表格定义结束

<TABLE> 和 </TABLE> 标记必须把整个表格括起. 表格中的第一个项是 CAPTION, 它是可选部分. 然后你可以用 <TR> 和 </TR> 标记定义任意多行. 在一行内也可以有用<TD>…</TD> 或 <TH>…</TH> 标记定义的任意数目的单元. 表格中的每一行在本质上是和它的上下行独立编排格式的. 这使得你可以很容易地显示象上文中的只有一个单元的表格, 例如表格属性, 跨越表格中的多个列.

非表格式信息使用的表格
有些 HTML 作者使用表格描述非表格化信息. 例如, 因为链接可以包含在表格单元中, 一些作者使用没有边界的表格组合一些分离的图象创建“一个”图象. 可以显示表格的浏览器可以无缝隙地显示这些实际分离的图象, 使得合成的图象类似于一个 图象映象image map (一个带有矩形超链区域的图象).

使用带有图象边界的表格也可以得到很好的显示效果. 不妨试一试，看看自己喜欢哪种风格.

S.  Form (Fill-out Forms) 填充
Web form 使读者可以向 Web 服务器返回信息以产生某种动作. 例如, 假设你想收集名字和电子邮件地址以便向提出要求的读者发送电子邮件. 对每个输入他/她的姓名和地址的人, 你需要得到要发送的信息和加到数据库中的响应者的项目.

这种输入数据的处理工作通常是由script(描述式语言：译者注)描述函数或者用 Perl 或其他处理文本，文件和信息的语言编写的程序来完成的. 如果你写不出能够处理输入数据的程序或script函数, 你就得找其他人替你完成.

Form 本身倒是比较简单. 它们也使用 HTML 标记来生成. 可能不同的地方在于接受并处理递交数据的程序或script描述函数. 由于需要说明专门的处理输入信息的script描述函数,所以在这里就不讨论forms.