实际上表格也莃ody的一部分，单独提出来介绍，是因为表格在网页制作中显得尤为的重要。我们这里所谓的表格，是广义上的表格。你可以认为这是一个区域，也可以认为是一个拥有边界的常见的表格。

下面这个例子用table元素和其中的thead、tr、th元素建立了一个三行两列的表格。

<TABLE BORDER=1 WIDTH=80%>
<THEAD>
<TR>
<TH>Heading 1</TH>
<TH>Heading 2</TH>
</TR>
</THEAD>
<TBODY>
<TR>
<TD>Row 1, Column 1 text.</TD>
<TD>Row 1, Column 2 text.</TD>
</TR>
<TR>
<TD>Row 2, Column 1 text.</TD>
<TD>Row 2, Column 2 text.</TD>
</TR>
</TBODY>
</TABLE>

说明：

    这是一段很普通的表格表格代码。我们可以看到其中的主要部分被包含在<table></table>的标签之中。同时，这段代码的主要结构也是由<tr></tr>以及<th></th>和<td></td>组成的。

    其中<tr></tr>的作用是定义table中的行，可以粗略地说有几个tr，这个表格中就有几行。我们在上面的代码中看到了一共有三对<tr></tr>，所以这是一个有三行的表格。其中的<th></th>构成了表格头的列（注意这里是表格头的列）。还有就是<td></td>，构成了表格身体的列（注意这里是表格身体的列）。其中两者的区别大家从浏览器的效果中也看到了，默认情况下，<th></th>是表格头，这个元素将其中的文字显示在中间，而且将文字效果变为粗体；而相对应，<td></td>就没有这一效果。但注意，其中的<THEAD></THEAD>与<TBODY></TBODY>则定义了表格中的表格头与表格身体。

下面我来给大家介绍一下表格中常用的元素：

align

    这个属性在以前给大家介绍过，作用是确定表格中的文字所属于的边缘。

语法

HTML	<ELEMENT ALIGN = sAlign... >
Scripting	object.align [ = sAlign ]

可调整的值

sAlign

String 指定或收到下面的其中一个值。 left 排列到最左边的可用空间之中。 center 排列到可用空间的中间，并不必要的相同于浏览器窗口。 right 排列到右边的可用空间之中。

background

    这个属性的作用是设定背景图案。

语法

HTML	<ELEMENT BACKGROUND = sURL... >
Scripting	object.background [ = sURL ]

可调整的值

sURL	String 指定或接收要作为背景图片文件的URL。

bgColor

    这个属性的作用是设定背景颜色。

语法

HTML	<ELEMENT BGCOLOR = sColor... >
Scripting	object.bgColor [ = sColor ]

可调整的值

sColor

Variant 指定或着接收背景颜色的RGB值。

border

    指定或接收对象周围边界的宽度。

语法

HTML	<ELEMENT BORDER = iBorder... >
Scripting	object.border [ = iBorder ]

可调整的值

iBorder

Variant 指定或接收对象边界的像素数值。

    table中还有很多属性，熟练的运用这些属性能够让你做出更多的更漂亮的表格。但要注意的一点是，在table中，只能应用一次thead和tfoot。通过更多的实例，相信大家会更加深刻体会到table的各种属性。

上一页  [1] [2] [3] [4] [5] [6] 下一页