HTML_表格

---

1.表格table介绍

        <table>：表格
        <tr>:    行
        <th>:    特殊单元格，默认水平居中加粗
        <td>:    特殊单元格
        <thead>:   表头
        <tbody>:   表体，表格的主体，默认的结构
        <tfoot>:   表脚，页脚

单元格内容设置垂直，设置td和tr起作用，设置table不起作用。
为了给选择器加属性，table可以划分为thead，tbody，
例如:5行*5列，给第一行设为thead，其余四行设为tbody

 tbody>tr:nth-child(odd){backgroud-color:pink}

例子：

1	2	3	4	5
hahah	ahhha

<table border="1" width="70%" cellspacing="0">
            <thead>
             <tr>
                 <td>1</td>
                 <td>2</td>
                 <td>3</td>
                 <td>4</td>
                 <td>5</td>
             </tr>
            </thead>
            <tbody>
                 <tr>
                     <td></td>
                     <td></td>
                 </tr>
                 <tr>
                     <td>hahah  </td>
                     <td>ahhha </td>
                 </tr>
            </tbody>
        </table>

2.表格的属性

    border：边框
    bordercolor：边框颜色
    align：水平对齐
    valign：垂直对齐(top,middle,top,bottom)
    width：宽度
    height：高度
    bgcolor：背景颜色
    background：背景图片
    cellpadding：内容跟边框距离
    cellspacing：单元格之间的距离
    caption：标题
    colspan：跨列
    rowspan：跨行

例子：

标题

哈哈哈
哈哈哈
哈哈哈

<table width="60%" border="1" background-color="pink" cellpadding="5" cellspacing="0">
            <caption>标题</caption>
            <tr><th>哈哈哈</th></tr>
            <tr><td>哈哈哈</td></tr>
            <tr><td>哈哈哈</td></tr>
</table>

哈哈哈		哈哈哈
哈哈哈	哈哈哈	哈哈哈

（合并2个，删除1个，依次顺序）

 <table border="1" width="70%" cellspacing="0">
              <tr>
                  <td colspan="2">哈哈哈</td>
                  <td>哈哈哈</td>
              </tr>
              <tr>
                  <td>哈哈哈</td>
                  <td>哈哈哈</td>
                  <td>哈哈哈</td>
              </tr>
    </table>