5.1 数据单元格和上标题单元格
有两种主要的表格元素:数据单元格和表头单元格。标识表头单元格的标签是<TH>和</TH>,但它的本质与数据单元格是一致的,所以我们将加深对它的理解。定义数据单元格的标签是<TD>,可以再加上一个结束标签</TD>,从而构成一对完整的符号,但后者并不是必需的。无论是表头单元格标签,还是TD标签,它们都包含了许多相同的属性:ALIGN,VALICN,COLSPAN和ROWSPAN。
ALIGN定义单元格内容的排列方式,可以采用的值包括center(居中),
Justify(两端对齐), Decimal(小数对齐), Right(右对齐)或者Left(左对齐)。
-
如果没有定义ALIGN属性,单元格内容采用默认的居中排列方式。
-
在可能的前提下, ALIGN尽量设置为Justify以尽量使单元格的文字内容两端对
齐。
-
Decimal设置的含义是:让所有内容都对齐自己指定为小数点的任何一个字符。
为了在<TD>或者<TH>标签里面指定小数点,可以采用DP="用于排列的标签"这
种形式。例如,假如你希望任何信息都对齐一个分号,便可按照下述的格式编写:
<TD ALIGN=decimal DP=";">information
to be disp1ayed </TD>
上面这种设置在显示记录类型的信息时特别有用。
COLSPAN属性定义了单元格的宽度有多少列,默认设置为1。ROWSPAN属性则指
定了单元格的行高。
应当说明,如果没有专门指定一个特定的值,就采用“默认值”(Defau1i
va1ue)设置。 在这种情况下,除非专门告诉HTML为自己提供更大的列宽,否则就只能使用一个列的宽度。
ALIGN属性可以在TR、TH或者TD标签中使用,它可以控制单元格的文字是沿着
单元格顶部排列,还是沿着底部排列,或者在单元格内垂直居中排列。如果是在TR标签中使用该属性,就会指示行内所有单元格都垂直对齐一条相同的基线。
所有这些初次接触都会让人感到有点儿混淆不清,下面这个浅显的例子有助于澄清我们的模糊概念。
这是一个清晰易懂的表格例子,有助于我们加深对HTML的理解。显示区对应
的代码如下所示:
<table
border="2">
<tr>
<td
ALIGN="center"
rowspan="2">app1es
</td>
<td
colspan="2">bananas
</td>
</tr>
<tr>
<td
ALIGN="left">cherries
</td>
<td
ALIGN="right">dates
</td>
</tr>
<tr>
<td>eating
</td>
<td
ALIGN="center">food</td>
<td>grapcs
</td>
</tr>
<tr>
<td
ALIGN="center">honey
</td>
<td
rowspan="2">ill</td>
<td
ALIGN="right">java</td>
</tr>
<tr>
<td>kiwis
</td>
<td
ALIGN="right">lettuce
</td>
</tr>
<tr>
<td
ALIGN="center">mangoes
</td>
<td>nectarines
</td>
<td
ALIGN="right">okra
</td>
</tr>
</table>
| app1es |
bananas |
| cherries |
dates |
| eating |
food |
grapcs |
| honey |
ill |
java |
| kiwis |
lettuce |
| mangoes |
nectarines |
okra |
|