上一节讲解了表格的一套标签以及其应用顺序，讲解了表格标签的常用属性。这些内容都是表格标签的最基础的知识，希望朋友们掌握这些知识，为下面讲解的内容打下良好的基础。
本节继续讲解表格标签。
一、一套表格标签中各个标签的作用：
表格的一套标签中，表格标签的作用，大致有三点：一是起提示浏览器的作用，告诉浏览器，下面的内容就是表格了。二是用来设置表格的属性与属值的。三是用来控制表格中的所有内容的。
表格的主体标签的作用，是用来放置表格的行、表格的列以及单元格中的内容的。
表格的行标签的作用。表格的行标签，可以把表格分为若干个横向的小格子，为设置单元格打下基础；还可以设置一些属性与属值。
表格中有几个行标签，就是几行的表格。换句话来说，这个表格中自上而下就有几个横向的小格子。
例如：表格中有5个行标签，就是5行的表格。也就是说，这个表格中自上而下共有5个横向的小格子。
表格的列标签的作用。表格的列标签，把表格分为若干个竖向的小格子，用来放置网页的内容。
表格中每行有几个列标签，就是几列的表格。换句话来说，这个表格中从左往右就有几个竖向的小格子。
例如：表格中有3个列标签，就是3列的表格。也就是说，这个表格中从左往右共有3个竖向的小格子。
一个表格中如果有5个行标签，每行中有3个列标签，这样的表格，可以有三种不同的表格名称：
从表格的行的多少来讲，是5行的表格；从表格的列的多少来讲，是3列的表格；综合表格的行与列的多少来讲，是5行3列的表格。
表格的一套尾标签都是用来收尾的。配套应用的标签，如果不收尾，它们所控制的内容就不能正常显示。
二、认识表格的显示效果：
一套表格标签，如果不设置任何属性，也不放入任何内容，网页中不会显示任何内容。只有在设置了表格的高度与宽度以及其它属性之后，或者在表格中放入一些内容之后，网页中才能够显示出相关的内容。
1、表格标签中无任何属性：（请注意：习惯上把表格的一套标签也叫做表格标签。）
代码：
<TABLE><TBODY><TR><TD></TD></TR></TBODY></TABLE>
把上面的代码“复制”“粘贴”到你的图书馆首页“代码编辑”页面中，点击“发表”按钮看看效果，网页中是一片空白，没有任何内容。（下面的例子，显示效果按照此方法查看。）
2、表格标签中输入了一些文字：
代码：
<TABLE><TBODY><TR><TD>学如逆水行舟，不进则退。 ——《增广贤文》 </TD></TR></TBODY></TABLE>
3、表格标签中放入一个图片：
代码：
<TABLE><TBODY><TR><TD><IMG src=" http://image72.360doc.com/DownloadImg/2014/05/1407/41587415_1.jpg"></TD></TR></TBODY></TABLE>
4、设置了表格的宽度与高度，设置了边框线宽度：
代码：
<TABLE border=3 width=450 height=110><TBODY><TR>
<TD></TD></TR></TBODY></TABLE>
5、设置了表格的宽度与高度，设置了边框线宽度与背景颜色：
代码：
<TABLE title=表格 border=3 width=650 bgColor=#00f200 height=210><TBODY><TR><TD></TD></TR></TBODY></TABLE>
6、设置了表格的宽度与高度、边框线宽度、背景颜色、背景图片、边距、间距与对齐方式：
代码：
<TABLE title=表格 border=3 cellSpacing=10 cellPadding=10 width=650 background=http://image25.360doc.com/DownloadImg/2011/03/1805/10096476_5.jpg bgColor=#00f200 align=center height=210><TBODY><TR><TD><P align=center><FONT style="FONT-SIZE: 29px" color=#ffff00>内容处</FONT></P></TD></TR></TBODY></TABLE>
设置了背景图片的表格，不会显示出背景颜色。只有当背景图片失效以后，才会显示出背景颜色。
7、设置了表格的宽度与高度、边框线颜色宽度与样式、背景图片、标题、间距与对齐方式：
代码：
<TABLE style="BORDER-BOTTOM: rgb(0,0,0) 4px solid; BORDER-LEFT: rgb(128,228,128) 4px solid; WIDTH: 405px; HEIGHT: 143px; BORDER-TOP: rgb(128,228,128) 4px solid; BORDER-RIGHT: rgb(0,0,0) 4px solid" title="表格" cellSpacing=9 background=http://userimage2.360doc.com/10/1117/15/2904667_20101117150520752.jpg align=center> <TBODY> <TR> <TD> <P align=center><FONT style="FONT-SIZE: 29px" color=#00ffff><STRONG>内容处</STRONG></FONT></P></TD></TR></TBODY></TABLE> |
综合设置边框线，表格的四条边框线可以应用不同的颜色、宽度与样式。
三、认识单元格
网页的内容是要放置在表格的单元格中的。也就是放置在列标签的首标签与尾标签之间。即：<TD>内容处</TD>。
表格中有多少<TD></TD> ，就是有多少个单元格。
1、一行一列的表格，只有一个单元格。
代码：
|
<TABLE border=3 width=50 bgColor=#f4a900 height=50>
<TBODY>
<TR>
<TD>
<P align=center><FONT style="FONT-SIZE: 29px" color=#000000>1</FONT></P></TD></TR></TBODY></TABLE> |
效果：
上面的代码中有一对<TR></TR>标签，有一对<TD></TD>标签。
2、一行五列的表格，有五个单元格。
代码：
|
<TABLE border=3 width=250 bgColor=#f4a900 height=50>
<TBODY>
<TR>
<TD>
<P align=center><FONT style="FONT-SIZE: 29px" color=#000000>1</FONT></P></TD>
<TD>
<P align=center><FONT style="FONT-SIZE: 29px" color=#000000>2</FONT></P></TD>
<TD>
<P align=center><FONT style="FONT-SIZE: 29px" color=#000000>3</FONT></P></TD>
<TD>
<P align=center><FONT style="FONT-SIZE: 29px" color=#000000>4</FONT></P></TD>
<TD>
<P align=center><FONT style="FONT-SIZE: 29px" color=#000000>5</FONT></P></TD></TR></TBODY></TABLE> |
效果：
上面的代码中有一对<TR></TR>标签，有五对<TD></TD>标签。
3、三行三列的表格，共有九个单元格。
代码：
<TABLE border=3 width=150 bgColor=#f4a900 height=150> <TBODY> <TR> <TD> <P align=center><FONT style="FONT-SIZE: 29px" color=#000000>1</FONT></P></TD> <TD> <P align=center><FONT style="FONT-SIZE: 29px" color=#000000>2</FONT></P></TD> <TD> <P align=center><FONT style="FONT-SIZE: 29px" color=#000000>3</FONT></P></TD></TR> <TR> <TD> <P align=center><FONT style="FONT-SIZE: 29px" color=#000000>4</FONT></P></TD> <TD> <P align=center><FONT style="FONT-SIZE: 29px" color=#000000>5</FONT></P></TD> <TD> <P align=center><FONT style="FONT-SIZE: 29px" color=#000000>6</FONT></P></TD></TR> <TR> <TD> <P align=center><FONT style="FONT-SIZE: 29px" color=#000000>7</FONT></P></TD> <TD> <P align=center><FONT style="FONT-SIZE: 29px" color=#000000>8</FONT></P></TD> <TD> <P align=center><FONT style="FONT-SIZE: 29px" color=#000000>9</FONT></P></TD></TR> </TBODY></TABLE> |
效果：
上面的代码中有三对<TR></TR>标签，有九对<TD></TD>标签。
说明：
1、本节《教程》的编撰应用了表格标签，页面比较华丽一些。大家可体会一下，应用表格标签制作网页，可以把网页装扮得漂漂亮亮的。
2、本节教程的编撰应用了一个一行三列的表格。第二个单元格比较宽，用于放置《教程》内容；第一个单元格与第三个单元格比较窄，放置了一个吊坠的背景图片，用于装扮网页。
3、本节《教程》的代码中，我添加了两个注释标签，用来分辨各个单元格。大家可在“代码编辑”页面中查看，认识一下，哪些代码是属于哪个单元格的内容。
作业：
1、认识表格的一套标签中各个标签的作用。
2、继续熟悉表格的8个标签名称。
3、继续熟悉表格的常用属性。
4、观察本节所举的例子，继续熟悉一套表格标签中各个标签的应用顺序。
5、认识单元格，懂得网页内容应该放置在哪两个标签之间。
6、认识表格的行与列。
7、应用表格标签制作一个一行三列的表格。
8、应用表格标签制作一个五行五列的表格。
9、把你制作的一行三列的表格添加背景颜色。
10、把你制作的五行五列的表格添加背景图片。
“春天没来”编撰
2014年5月19日于北京
