入门

任何表格都有三个基本要素:表格,格行和格子.这些要素的标签如:

• 　

  Table:	<table>
  Table row:	<tr>
  Table cell:	<td>

(题外话:为什么格子的标签是<td>?这个问题有两种解释.有的说它表示"表格数据(table data)",有的说是Netscape工程师神经错乱.)

这里需要记住的是<td>永远要用<tr>来结束,而<tr>又永远用<table>来结束.

讲的已经差不多了.让我们动手做做看:

好吧.我们制作一下上面草列的基本表格:

• Cell 1	Cell 2
  Cell 3	Cell 4

代码如下:

• <table border>
       <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
       </tr>
       <tr>
            <td>Cell 3</td>
            <td>Cell 4</td>
       </tr>
  </table>

正如你所见,第一个格行包含格子1格子2;第二个格行包含格子3和格4.格行总是水平延伸的.那么各个子的的内容呢?在这个例子中,就"格子1"和"格子2"?原来它们是被夹在<td>和</td>标签中.

为了看见表格,我给表格标签加上边.这只不过是把边界加上了.你还以通过附加数字--例如<table border=5>--来规定边界的宽度.但要警惕,不要走得太远.

"列间隔"和"行间隔"

你可以还在一个行中作一个格而另一个行中作两个格.就象:

• Cell 1
  Cell 3	Cell 4

要完成这一步,你得使用列间隔修改令.只需对<td>加上列间隔=2.

• <table border>
       <tr>
            <td colspan=2>Cell 1</td>
       </tr>
       <tr>
            <td>Cell 3</td>
            <td>Cell 4</td>
       </tr>
  </table>

也可以这样做:

• Cell 1	Cell 2
  	Cell 3

只需在<td>加上行间隔=2,就象这样:

• <table border>
       <tr>
            <td rowspan=2>Cell 1</td>
            <td>Cell 2</td>
       </tr>
       <tr>
            <td>Cell 3</td>
       </tr>
  </table>

记住:行是水平走的,而列是垂直走.因此,如果你想水平延长一个格,使用列间隔即可.垂直延长格子则用行间隔.