HTML新手学习小记5（表格）

table 表格 tr（TableRow） td（TableDate）
表格（table）由单元格构成，有N个单元格（td）横向组成单元行（tr），M个单元行（tr）纵向堆叠组成表格：

实际的开发中，表格的对齐方式通常使用CSS样式进行控制，使用属性进行对齐控制的场合较少。

表格代码格式为：

<table>
<tr>
<td>第1/1格</td>
<td>第1/2格</td>
<td>第1/...N格</td>
</tr>
<tr>
<td>第2/1格</td>
<td>第2/2格</td>
<td>第2/...N格</td>
</tr>
</table>

效果如下：

第1/1格	第1/2格	第1/3格	第1/...N格
第2/1格	第2/2格	第2/3格	第2/...N格
第3/1格	第3/2格	第3/3格	第3/...N格

1.table的列数基于每列中tr内td的最大个数量，table的行数基于tr的数量。
2.一行的高度由表格第一列中该行第一格确定，若该格没有内容，可用<td height="XX">&nbsp;</td>来定义该行高度。
3.一列的宽度由表格第一行中该列第一格确定，若该格没有内容，可用<td width="XX">&nbsp;</td>来定义该列宽度。

align 水平对齐方式

left 左对齐（默认）
center 居中对齐
right 右对齐

左对齐

居中对齐

右对齐

valign(Vertical Align)垂直对齐方式

top 顶部
middle 中部
bottom 底部
baseline 基线对齐(文本的基线与单元格的基线对齐)

默认是左对齐为基础的垂直对齐方式

<table>
<tr>
<td valign="top" align="center" width="100" height="50">第一格</td>
<td valign="middle" align="center" width="100" height="50">第二格</td>
<td valign="bottom" align="center" width="100" height="50">第N格</td>
<td valign="baseline" align="center" width="100" height="50">第N格</td>
</tr>
</table>

（想看到水平对齐还是垂直对齐方式效果，可以为单元格设置一定宽度和高度，在td内用width和height控制即可。）
如：

<td valign="bottom" width="100" height="50">垂直底部对齐</td>
<td align="center" width="100" height="50">水平居中对齐</td>

---

cellspacing 文字距离格子的四周留白距离，像素单位<table cellspacing="x">
cellspadding 格子之间的距离，像素单位<table cellspadding="x">
border 表格边线粗细，像素单位，为零时边缘不可见<table border="x">
rowspan 跨行合并，写的数字则为行数，该格向下新增的格子（范围内）自动合并为一格<td rowspan="x">
colspan 跨列合并，写的数字则为列数，该格向右边方向新增的格子（范围内）自动合并为一格<td colspan="x">
strong 加粗字体
bgcolor 格子背景色
bordercolor格子边缘颜色

---