1.表格基本结构()


标记:它用于建立一行表格。
标记:它用于建立一个单元格。
2.合并单元格
**2.1 用colspan属性合并左右单元格 **


2.2 用rowspan属性合并上下单元格

如果希望合并四个单元格,如下图

应该这么写




3.用align属性设置对齐方式


其效果是设置一个高度150像素,宽度200像素,中央单元格的字体居中的表格

还可以设置left、right来让字体居左居右

valign属性值可以设置为”top”、”middle”或者”bottom”,分别表示竖直靠上、竖直居中和竖直靠下对齐。默认是竖直居中。

4.用bgcolor属性设置表格背景色和边框颜色

给不同单元格设置不同的颜色

5.用cellpadding和cellspacing设定距离
首先,可以利用cellpadding设置内容与格线的距离。
其次,可以利用cellspacing设置相邻单元格边缘的距离。


6.完整的表格标记(、和)
从表格结构的角度来说,可以把表格的行分组,称为”行组”。
行组分为3类——“表头”、”主体”和”脚注”。
三者对应的HTML标记依次为、 、
另外, 表示该单元格是这一行的”行头”
表格演示
产品 | 描述信息 |
公司 | 编号 | 用途 | 价格 |
大众 | DZ-1 | 中端客户 | 100.00 |
DZ-2 | 低端客户 | 50.00 |
前沿 | JY-1 | 高端客户 | 200.00 |
JY-2 | 中端客户 | 100.00 |
2 | 4 | 3 | 120.00 |

那么设置行组有什么用处呢?
这是为了方便CSS对其进行样式设定。
最后需要说明的是, 可以设置表格的标题


**7.需要抛弃的方法:用表格进行页面布局 **

用表格进行页面布局的结果是结构和表现紧紧地绑在一起,这样就给网站后期维护和很多其他方面带来的麻烦。
| |