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

我不知道大家可否记得以前告诉过大家，body里面定义一个bgcolor就可以定义背景颜色，在表格这一块，也是一个道理，只不过这里是定义在table这里，在这里定义bgcolor就可以设定表格的背景颜色了，大家照常看看代码

<table bgcolor="#FFFF00" border="1" height="150" width="200">
<tr bgcolor="#0000FF" valign="top">
<td>A1</td><td>A2</td><td>A3</td>
</tr>
<tr valign="middle">
<td>B1</td><td bgcolor="#FF0000">B2</td><td>B3</td>
</tr>
<tr valign="bottom">
<td>C1</td><td>C2</td><td>C3</td>
</tr>
</table>

这里注意了，我分别对三个地方设置了颜色定义，分别是table，tr和td，可以看出，table定义是全局的背景颜色，而tr定义的是一整行的颜色，而td这里定义的只是一个格子的颜色了，至于大家怎么运用，就要靠大家多练习代码了，这里我一开始到现在，html的教程都写的很简单，是不希望太罗嗦了大家没耐心学，只要大家多写几次代码就会了，最多就是记多几个单词，我也觉得单词比较难记住，呵呵，所以大家平时多练习写代码就是了,我们先来看看效果吧！

看来表格这一块真的两节课将不下来，不是我不知道怎么讲，而是内容太多了大家会看了烦，所以，下面就把这上面的单词总结一下，然后大家课后练习吧

首先height定义高度，width定义宽度，align定义格子内的文字向右，向左和居中对齐，而valign则定义垂直的向上，垂直居中和垂直靠右对齐，bgcolor就是定义颜色了，至于颜色的属性可以用单词也可以用十六进制，所以大家也有必要记住几个常用的颜色单词，呵呵，还有valign所定义的属性值top middle和bottom这三个是新单词哦，以前没提到过，大家课后记下来，呵呵，如果看到这里开始迷茫也正常，下一节我也许会说说编辑器的应用来配合学习html，呵呵，大家晚安

下面是本节代码的总结，大家可以看看，当然这些只不过是举例而已，很多东西都要大家去自己领悟的哦！

这里定义宽和高

<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>