1¥ 表格的基本结构
表格是由指定数目的行或列组成的,至少应有<TABLE>、<TR>和<TD>三对标签。
1$ <TABLE>标签(略)
2$ <TR>标签(略)
3$ <TD>标签(略)
4$ border属性适用于所有表格标签,默认值为0(无边框)
5$ 如何创建表格
语法: <TABLE>
<TR>
<TD>单元格内容</TD>
</TR>
</TABLE>
2¥ 跨多行多列的表格(略)
在<TD></TD>标签中使用colspan属性(跨列)和rowspan(跨行)属性
注意:将跨多列或跨多行的单元格看成多个单元格,而单元格的个数就是
所跨的列数或行数,只要保证各行的单元格的列数相同,就不会出
现空白区域。
3¥ 表格的美化修饰
1)设置表格的尺寸和边框(略)
如:
<TABLE width=”表格宽度” height=”表格高度” border=”边框宽度”
bordercolor=”red”>
</TABLE>
注意:表格<TABLE>标签中的border属性只能影响表格四周的边框宽
度,而不能影响单元格中的边框宽度。
美观考虑,表格边框一般不超过5像素
bordercolor:指定边框颜色
width:指定表格宽度,可以用像素为单位,也可以用百分比“%”
2)设置表格中的背景
1$ 设置整个表格的背景
如:
<TABLE bgcolor=”整个表格背景颜色”
background=”背景图像地址”>
</TABLE>
2$ 设置行背景
行的bgcolor颜色可以覆盖<TABLE>的bgcolor或background属性
如:<TR bgcolor=”行的背景颜色”>…</TR>
不能再行中设置background属性,只能在<TD>中设置。
3$ 设置单元格背景
如:
<TD bgcolor=”单元格的背景颜色”>单元格内容</TD>
3)设置单元格的对齐方式
单元格中的水平对齐使用align属性:
默认为left 还有left right
单元格中的垂直对齐使用valign属性:
默认为middle 还有top bottom
4)设置单元格的填充、间距属性
使表格内框宽度变宽,使用TD标签的:cellspacing(间距)属性
使文字与边框的距离拉大,使用TD标签的:cellpadding(填充)属性