1、表格的作用
表格通常来组织结构化的信息,把数据村塾在单元格里
2、如何构建一个表格
<table> ----------表格
<tr> ----------行
<th>内容</th> ----------单元格(加粗)
<td>内容</td> ----------单元格
<td>内容</td>
</tr>
</table>
3、表格的属性
属性名称 属性值 说明
width 数值 设置表格宽度
height 数值 设置表格高度
bgcolor 英文颜色 设置表格背景颜色
rgb('255,255,255')
十六位进制数
background 图像地址 设置表格北京图像(与bgground同事用,background的优 先级较高)
border 数值 设置表格边框宽度
bordercolor 英文颜色 设置表格边框颜色
rgb('255,255,255')
十六位进制数
cellpadding 数值 设置内边距(单元格边框与内容之间的距离)
cellspacing 数值 设置外边距(单元格之间的距离)
align 对齐方式(left|center|right) 设置对齐方式
4、行属性
属性名称 属性值 说明
align 对齐方式(left|center|right) 设置对齐方式
bgcolor 英文颜色 设置表格背景颜色
rgb('255,255,255')
十六位进制数
valign 对齐方式(left|center|right) 设置垂直对齐方式
5、单元格属性
属性名称 属性值 说明
align 对齐方式(left|center|right) 设置对齐方式
bgcolor 英文颜色 设置表格背景颜色
rgb('255,255,255')
十六位进制数
valign 对齐方式(left|center|right) 设置垂直对齐方式
rowspan 数值 设置行合并
colspan 数值 设置列合并
6、表格嵌套
<body>
<table border="1" cellpadding="10" cellspacing="0">
<tr>
<td><img src="1.jpg" alt="" title="启动页"/></td>
<td valign="top">
<table border="1" cellpadding="10" cellspacing="0" bgcolor="#999999">
<tr>
<td colspan="2">JEEP牧马人</td>
</tr>
<tr>
<td>厂商</td>
<td>JEEP</td>
</tr>
<tr>
<td>车型</td>
<td>中型SUV</td>
</tr>
<tr>
<td>变速箱</td>
<td>5档手自合一</td>
</tr>
<tr>
<td>最高车速</td>
<td>240km/h</td>
</tr>
<tr>
<td>发动机</td>
<td>涡轮增压</td>
</tr>
<tr>
<td>燃料</td>
<td>柴油</td>
</tr>
<tr>
<td>环保标准</td>
<td>国V</td>
</tr>
</table>
</td>
</tr>
</table>
</body>