本教材是参照黑马老师的“HTML帖子制作教程 ”编写而成。是为了给来本网站发帖，而不会做网页的朋友提供无偿服务，面向初学者编写的。如果朋友们用心去学习，这个教材一定能让你作出一个漂亮的图文并茂的帖子。所谓步步为营，就是不要急于求成，耐心的一步一步学，一步一步的练，你一定会成功的！
一、表格的基本构架
表格是在论坛做帖的重要武器。因为论坛提供给用户操作的区域是非常有限的，用户只能在论坛程序框架好的body区域里的某个区域施展身手，不能修改body的背景色，更不能介入head的定义，因此，诸如让自己的帖子有底色、底图之类的修饰，用户只能通过表格来实现。表格是一个可自定义的容器，因而它就是我们用以实现帖子构设的利器。
把表格称作容器源于表格的装载特性。表格是用于装载数据的，与我们现实中所看到和理解的表格非常一致。我们在Word和Excel里都接触过表格，知道表格有表头、表体、单元格、行、列等等概念，它们并不难理解。而在HTML里，对表格的理解和运用可能会增加一些概念，但也不复杂，只要用心学习一定会很快掌握的。
表格不仅仅只能装载数据，它还被广泛地应用于网页的布局，这与其本身的作用有关。它能将其所在区域划分为行和列诸多单元格。表格用于网页布局过去非常流行，现在仍然深受欢迎，它在网站、论坛做帖有着不可估量的作用。因使用了表格，帖子的页面布局将会随心所欲地排版。
表格是一个可自定义的容器。一张完整的表格有表头、表体、单元格、行、列等等元素组成。下面是一个完整的表格标签代码框架：为了一目了然，清晰明白，先不对它的属性进行描述。
<table>
<tbody>
<tr>
<td>内容</td>
</tr>
</tbody>
</table>
标签代码说明：
<table>：表格的起始符。任何一个表格都必须以它开头，且必须有终止符</table>。
<tbody>：表体的起始符。紧跟在<table>之后，表示表体开始。必须有结尾符，放在</table>之前。在纯网页中可以不要tbody元素，但在论坛一定要使用，否则，当帖子用到较多的表格时，论坛的自动填充功能将可能会导致代码出错。
<tr>：tr的作用是规定表格的行，其中，t是table，r是row（行）。有多少组tr，这张表格就有多少行。<tr>紧跟在<tbody>之后。必须有终止符</tr>。
<td>：td的作用是规定表格的列，t是table，d可理解为down（向下）。有多少组td，这张表格就有多少列。第一个<td>紧跟在<tr>之后。终止符为</td>。td与tr配合构成单元格。
</td>、</tr>、</tbody>、</table>：这些都是相应元素的终止符，表示相应元素所规范的内容结束。必须注意它们的排列顺序，不能有错。
从表格的代码框架分析得出：表格标签里，所有元素都成对出现，而这些元素是按照从大到小的顺序从外往里层层包裹的。table最大，它占在起始和终结的位置，tbody是老二，tr是老三，td最小，它在最里层。
下面便是它们的隶属关系
<table>
<tbody>
<tr>
<td>内容</td>
</tr>
</tbody>
</table>
二、表格的属性
1、<table>标签中各个元素的属性设置
<table>标签中所需要设置的元素：
border<Script language="javascript" type="text/javascript"></Script> 表格的边框、cellspacing单元格间距：cellpadding 单元格衬距： width表格的宽度：height表格的高度：bgcolor：表格的背景色；background：表格的背景图 ； bordercolor：表格的边框颜色 ； bordercolorlight：亮边框颜色 bordercolordark：暗边框颜色； align：表格的对齐方式。
如何设置这些属性
border：此属性定义表格的边框。比如，border=1，表示表格边框的粗细为1个像素，（默认值）为0表示没有边框。
cellspacing：单元格间距。当一个表格有多个单元格时，各单元格的距离就是cellspacing了，如表格只有一个单元格，那么，这个单元格与表格上、下、左、右边边框的距离也就是单元格的间距。
cellpadding：单元格衬距。指该单元格里的内容与cellspacing区域的距离，如果cellspacing为0，则表示单元格里的内容与表格周边边框的距离。
width：表格的宽度。取值从0开始，默认以像素为单位，与显示器的分辨率的像素是一致的。800×600的显示分辨率下，如果表格设置成1000个像素的宽度，那么，得出的效果将导致IE的横向滚动条出现，只有通过滑动它才能看到表格最右边的内容，因此在设置表格的宽度时应充分考虑显示分辨率问题。width的取值还可以使用百分比，如表述方式：widht="100%"，这种赋值法有个好处：即表格的宽度将根据可显示的宽度来自我调整宽度。
height：表格的高度，取值方法同width。提示：如果不是特别需要，可不设置表格的高度，由系统根据表格的内容自动设置高度。如果需要表格的高度精确则要设置，比如，要用表格的背景来发一张图片时，如果表格的高度不精确定义，图片便不可能完整或完美地显示。
bgcolor：表格的背景色。取值方法为：bgcolor=#ff0000或bgcolor=red。单元格<td>也可有此属性，如果设置了表格的背景色，又设置表格单元格的背景色，得出的效果将是值得试试的，这种情况主要用于多单元格的表格。
background：表格的背景图。取值为：background=一个有效的图片地址。<td>也有此属性。同时设置背景色和背景图不冲突，也建议这么做，这样，当图片不能显示时，表格的外观依然是好看的。
bordercolor：表格的边框颜色，当border值不为0时设置此值有效。bordercolor=#ff0000或bordercolor=red。bordercolor。当同时设置了暗、亮边框的颜色，bordercolor的颜色设置是多余的，这一点应该注意。
bordercolorlight：亮边框颜色，当border值不为0时设置此值有效。亮边框指表格的左边和上边的边框。取值方法：bordercolorlight=#ff0000或bordercolorlight=red。
bordercolordark：暗边框颜色，当border值不为0时设置有效。暗边框指表格的右边和下边的边框。bordercolordark=#ff0000或bordercolordark=red。
align：表格的对齐方式，值有left（左对齐，默认）、center（居中）以及right（右对齐）。align定义的是表格自身的位置，这是一个很有用的属性，建议使用它规定表格的对齐方式，尽量不要使用<p align=?>表格</p>、<div align=?>表格</div>和<center>表格</center>之类的标签来规定表格的位置，因为这么做将导致论坛添加许多废码！
border：此属性定义表格的边框。比如，border=1，表示表格边框的粗细为1个像素，（默认值）为0表示没有边框。
cellspacing：单元格间距。当一个表格有多个单元格时，各单元格的距离就是cellspacing了，如表格只有一个单元格，那么，这个单元格与表格上、下、左、右边边框的距离也就是单元格的间距。
cellpadding：单元格衬距。指该单元格里的内容与cellspacing区域的距离，如果cellspacing为0，则表示单元格里的内容与表格周边边框的距离。
width：表格的宽度。取值从0开始，默认以像素为单位，与显示器的分辨率的像素是一致的。800×600的显示分辨率下，如果表格设置成1000个像素的宽度，那么，得出的效果将导致IE的横向滚动条出现，只有通过滑动它才能看到表格最右边的内容，因此在设置表格的宽度时应充分考虑显示分辨率问题。width的取值还可以使用百分比，如表述方式：widht="100%"，这种赋值法有个好处：即表格的宽度将根据可显示的宽度来自我调整宽度。
height：表格的高度，取值方法同width。提示：如果不是特别需要，可不设置表格的高度，由系统根据表格的内容自动设置高度。如果需要表格的高度精确则要设置，比如，要用表格的背景来发一张图片时，如果表格的高度不精确定义，图片便不可能完整或完美地显示。
bgcolor：表格的背景色。取值方法为：bgcolor=#ff0000或bgcolor=red。单元格<td>也可有此属性，如果设置了表格的背景色，又设置表格单元格的背景色，得出的效果将是值得试试的，这种情况主要用于多单元格的表格。
background：表格的背景图。取值为：background=一个有效的图片地址。<td>也有此属性。同时设置背景色和背景图不冲突，也建议这么做，这样，当图片不能显示时，表格的外观依然是好看的。
bordercolor：表格的边框颜色，当border值不为0时设置此值有效。bordercolor=#ff0000或bordercolor=red。bordercolor。当同时设置了暗、亮边框的颜色，bordercolor的颜色设置是多余的，这一点应该注意。
bordercolorlight：亮边框颜色，当border值不为0时设置此值有效。亮边框指表格的左边和上边的边框。取值方法：bordercolorlight=#ff0000或bordercolorlight=red。
bordercolordark：暗边框颜色，当border值不为0时设置有效。暗边框指表格的右边和下边的边框。bordercolordark=#ff0000或bordercolordark=red。
align：表格的对齐方式，值有left（左对齐，默认）、center（居中）以及right（右对齐）。align定义的是表格自身的位置，这是一个很有用的属性，建议使用它规定表格的对齐方式，尽量不要使用<p align=?>表格</p>、<div align=?>表格</div>和<center>表格</center>之类的标签来规定表格的位置，因为这么做将导致论坛添加许多废码！