第五章用HTML创建表格的标记和属性


 


1.表格基本结构(

标记:它用于建立一行表格。 、和)

从表格结构的角度来说,可以把表格的行分组,称为”行组”。

行组分为3类——“表头”、”主体”和”脚注”。

三者对应的HTML标记依次为

、、

另外,

可以设置表格的标题

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

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


 目录

标记:它用于建立一个单元格。

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.完整的表格标记(

表示该单元格是这一行的”行头”

表格演示
产品描述信息
公司编号用途价格
大众DZ-1中端客户100.00
DZ-2低端客户50.00
前沿JY-1高端客户200.00
JY-2中端客户100.00
243120.00

 

那么设置行组有什么用处呢?

这是为了方便CSS对其进行样式设定。

最后需要说明的是,