表格标记

表格标记及其属性:

1.表格

表格由 <table>标签来定义。每个表格均有若干行（由 <tr>标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等。

下列代码为显示一个两行两列的表格：

2.<table>标记及其属性

1）表格的边框

上例中的表格没有边框，我们可以通过boder属性给表格加上边框，还是上一个例题的代码，加上boder属性。

若给设置表格边框为20象素，同时通过bordercolor属性给边框加上颜色，bgcolor属性为表格的背景色。对于IE来说，设置表格边框颜色会使单元格边框颜色跟着改变，其他浏览器一般不会。

我们可以得出结论，border属性的设置只改变外边框，表格中每个单元格的宽度仍然是1。

但再将上例中的边框宽度改为0。结果是表格中的每个单元格的宽度也变成0。

2）表格的填充属性及表格的间距属性

cellpadding表示单元格中的内容到单元格边框之间的距离，默认值为0；cellspacing表示相邻单元格之间的距离，默认值为1。

3）<table>标记还有其他常用属性：

width、height表格的宽和高，可以使用象素或百分比做单位，align表示表格的水平对齐属性，bgcolor表示表格的背景色，background表示表格的背景图像。

3.表格的表头<th>标记

表格的表头使用<th>标签进行定义。

<body>
  <table border="1 >
     <tr>
       <th>Heading</th>
       <th>nother Heading</th>
    </tr>
     <tr>
       <td>row 1, cell 1</td>
       <td>row 1, cell 2</td>
    </tr>
    <tr>
       <td>row 2, cell 1</td>
       <td>row 2, cell 2</td>
    </tr>
  </table>
</body>

4.行标记<tr>、单元格标记<tr> 属性

单元格标记<td>的常见属性:bordercolor为单元格边框的颜色，该属性仅IE支持；bgcolor为单元格的背景色；background为单元格的背景图像；align/valign 为单元格里的内容的水平或垂直对齐方式；colspan/rowspan为合并同一列相邻的几个单元格/合并同一行的几个单元格；width，height为单元格的宽和高，可以使用象素或百分比做单位。

注意：单元格td无border属性，因此无法设置单元格边框的宽度，单元格边框宽度只能是1或0。

1)align、valign、width、height及bgcolor属性

<body>
  <table border="1" >
     <tr >
       <td width="82" valign="bottom" height="48" bgcolor="ff0000">底部对齐</td>
       <td width="100" valign="top" height="48" bgcolor="ffff00">顶部对齐</td>
    </tr>
    <tr align="center" >
       <td valign="top" height="44">居中且顶部对齐</td>
       <td height="44">居中</td>
    </tr>
  </table>
</body>

2)跨多列属性colspan属性及跨多行属性rowspan属性

5.<caption>标记及其属性

<caption>用来为表格添加标题，默认情况下标题位于表格的上方，可以通过align和valign设置其位置，valign可选值为bottom或top，表示标题在表格的下方或上方。