table表格

一、作用：

存储数据，向用户展示数据

二、标签：

<table></table>  表格
<tr></tr>   行（row）
<td></td>   列（cell）
<caption></caption>  标题
<thead></thead> 头部
<th></th>  特殊的单元格
<tbody></tbody>  主体
<tfoot></tfoot>  脚部

三、属性：

border——边框
width——宽度
height——高度
align——水平对齐方式
bordercolor——边框颜色
bgcolor——背景颜色
cellpadding——内容距边框的距离
cellspacing——单元格之间的距离
valign——竖直对齐方式

四、tr和td的属性：

1.tr的属性：

height——行高
align——行内容的水平对齐方式，默认居左，取值：left、center、right
valign——行内容的垂直对齐方式，默认居中，取值：top、middle、bottom
bgcolor——背景颜色
background——背景图片
*优先级：背景图片>背景颜色

2.td的属性：

width——宽度，一列等宽
height——高度，一行等高
align——单元格的水平对齐方式，默认居左，取值：left、center、right
valign——单元格的垂直对齐方式，默认居中，取值：top、middle、bottom
bgcolor——单元格的背景颜色
background——单元格的背景图片
colspan——跨列，水平合并
rowspan——跨行，垂直合并
*水平合并：取值为number，删除同一行的td，删除的td数=合并的数-1
垂直合并：取值为number，删除下一行的td，删除的td数=合并的数-1

<table border="1" align="center" width="600" height="100">
    <tr height="50" align="center" valign="top" bgcolor="#db7093" background="images/2.jpg">
        <td width="200" height="50" align="center" valign="bottom" background="images/3.jpg" bgcolor="#afeeee">好好学习，天天向上1</td>
        <td>好好学习，天天向上2</td>
        <td>好好学习，天天向上3</td>
    </tr>
    <tr>
        <td>开开心心，快快乐乐1</td>
        <td>开开心心，快快乐乐2</td>
        <td>开开心心，快快乐乐3</td>
    </tr>
    <tr>
        <td>事事顺心，工作顺利1</td>
        <td>事事顺心，工作顺利2</td>
        <td>事事顺心，工作顺利3</td>
    </tr>
</table>

<table border="1" width="500" height="300" align="center">
    <tr>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td colspan="2"></td>
        <td rowspan="2"></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td colspan="2"></td>
    </tr>
</table>