html基础学习第九节-表格定义的深入讲解

上一节课我们已经讲了表格的定义方法，这一节我们来深入的讲解这一块

这里，我们来认识如何设置表格的宽度和高度，用两个单词，分别是height和width，我们可以来看看下面的代码

<table border="1" height="150" width="200">
<tr>
<td>A1</td><td colspan="2" rowspan="2">A2A3<br />B2B3</td>
</tr>
<tr>
<td>B1</td>
</tr>
</table>

这里，定义了一个宽200，高150的格子，效果如下

怎样设置A2A3和B2B3这四个居中呢，和字体的定义一样，用一个align来定义就可以，比如

<table border="1" height="150" width="200">
<tr>
<td>A1</td><td align="center" colspan="2" rowspan="2">A2A3<br />B2B3</td>
</tr>
<tr>
<td>B1</td>
</tr>
</table>

大家可以看到，在align属性这里，定义居中，就会产生如下的效果，align上次我们说了，可以定义center居中和left靠左还有right靠右这三个选项，具体复习下前面的章节，如果你已经忘了的话

这样一来，一个格子的向左向右和居中就搞定了，如果是一行呢？那样岂不是很累？每个都去加？大家要知道html是很灵活的相互崁套的代码，可以对tr标记进行定义，如下代码