Html 表格

1. 表格标签

<table> </table>标签：该标签将内容划分到一张表格中

<tr> </tr>标签：该标签将内容划分在一行

<td> </td>标签：该标签将内容划分在一列

总结：<tr>，<td>将<table>内容划分成行列的形式，此时的表格是没有外边框，同一行以空格为分界线，同一列以换行符为分界线。

2. 表格边框

border属性：在table标签中使用该属性可以改变边框粗细，取值为数字。下例：

<table border="1"> </table>

<table border="5”> </table>

3. 表头

<th> </th>标签：有些表格可能有表头，这时候可以在一行中使用<th> </th>标签在标记表头

4. 标题

<caption> </caption>标签：有些表格会有标题，即在表格外的题目，这时候可以在table标签内，使用<caption> </caption>标签来给这个表格起标题，这个种方式会使标题与表格自适应浏览器。

5. 跨行、跨列单元

colspan属性：指示一个单元占几列

rowspan属性：指示一个单元占几列

例：<td colspan="2"> 300 </td>，则该单元将占2列

6. 表格内的表格：

在table标签内的td标签中可以在次使用table标签，实现表格内再画一个表格

7. 表格内文字与单元边沿距离

cellpadding属性：在table中使用cellpadding属性可以设置单元边沿与文字的距离。例：

<table border="8" cellpadding="10">

8. 两个单元格之间的距离

cellspacing属性：在table标签中使用cellspaceing属性可以设置两个单元格之间的距离，下例：

<table border="8" cellspacing="10">

9. 设置表格背景颜色：

bgcolor属性：在table标签中使用该属性可以设置表格背景颜色。下例：

<table border="1" bgcolor="green">

10. 设置表格背景图片

background属性：在table标签中使用background属性可以设置表格背景图片。下例：

<table border="1" background="1.jpg"> 

11. 在表格单元中排列内容

align属性：使用align属性可以对文字内容进行左对齐、居中、右对齐，下例：

<td align="left">内容1</td>、<td align="center">内容2</td>