B6 表格
在 HTML 语言中表格由<table>…</table>标记对定义,表格内容由<tr>…</tr>和<td>…</td>标记对定义。<tr>…</tr>定义表格中的一行,<td>…</td>通常出现在<tr>…</tr>之间,用于定义一个单元格。例如,定义一个3行3列的表格,代码如下:
<table width="200" border="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
是HTML语言中的空格。下面介绍表格的常用属性。
1.通栏
被合并的单元格会跨越多个单元格,这种合并的单元格被称为通栏。通栏可以分为横向通栏和纵向通栏两种,<td colspan=#>用于定义横向通栏,<tr rowspan=#>用于定义纵向通栏。#表示通栏占据的单元格数量。
2.表格大小和边框宽度
在 table>标记中表格的大小用 width=#和 height=#属性说明。前者为表宽,后者为表高,#是以像素为单位的整数,也可以是百分比。在前面的例子中,可以看到width属性的使用。
边框宽度由border=#属性定义,#为宽度值,单位是像素。例如,下面的HTML代码定义了一个边框宽度为4的表格。
<table border="4" width="100%" id="table1">
……
</table>
3.背景颜色
在HTML语言中,可以使用bgcolor属性设置单元格的背景颜色,格式为bgcolor=#。#是十六进制的6位数,格式为rrggbb,分别表示红、绿、蓝三色的分量,或者是16种已定义好的颜色名称。
例如,下面的HTML代码定义表格第一行的背景颜色为C0C0C0(灰色)。
<table border="1" width="100%" id="table1">
<tr>
<td colspan="2" bgcolor="#C0C0C0">
<p align="center">表格</td>
</tr>
<tr>
<td bgcolor="#C0C0C0">
<p align="center">域名</td>
<td bgcolor="#C0C0C0">
<p align="center">说明</td>
</tr>
……
</table>
4.边框颜色
在表格中,可以设置两种边框的颜色,即亮边框和暗边框。设置亮边框颜色的属性为bordercolorlight,设置暗边框颜色的属性为bordercolordark。
例如,下面的HTML代码定义了表格的边框颜色。
<table border="1" width="100%" id="table1" bordercolorlight="#FF0000"bordercolordark="#00FFFF">
<tr>
<td colspan="2" bgcolor="#C0C0C0">
<p align="center">表格</td>
</tr>
<tr>
<td bgcolor="#C0C0C0">
<p align="center">域名</td>
<td bgcolor="#C0C0C0">
<p align="center">说明</td>
</tr>
……
</table>