表格标签

1.1表格的作用

    表格是用来显示展示数据的

1.2表格的基本语法

  <table>       定义表格的标签

       <tr>         表格中的行

       <td>内容</td>    单元格

　　</tr>

</table>

代码

<table>

        <tr><td>姓名</td><td>性别</td><td>年龄</td></tr>

        <tr><td>胡</td><td>男</td><td>21</td></tr>

        <tr><td>为</td><td>女</td><td>56</td></tr>

    </table>

结果

 

 

1.3表头单元格标签

将<td></td>改为<th></th>，将单元格的数据居中并加粗

代码

<table align="center" border="1"cellpadding="20"cellspacing="0"width="300"height="234">

        

            <tr><th>姓名</th><th>性别</th><th>年龄</th></tr>

            <tr><td>刘柳</td><td>女</td><td>21</td></tr>

            <tr><td>何华</td><td>男</td><td>20</td></tr>

            <tr><td>钱课</td><td>男</td><td>22</td></tr>

        

    </table>

结果

1.4表格属性

 

 1.5表格结构标签

<thead></thead>一般定义表格的头，里面必须要有<tr>

<tbody></tbody>定义表格的主题，用于存放数据

1.6合并单元格

rowspan   跨行合并  

colspan    跨列合并

三步骤

1.选择合并方式2.找到目标单元格3.删除多余单元格

代码

<table border="1" width="500" height="409"cellspacing="0">

        <tr>

            <td></td>

            <td colspan="2"></td>

            

        </tr>

        <tr>

            <td rowspan="2"></td>

            <td></td>

            <td></td>

        </tr>

        <tr>

            

            <td></td>

            <td></td>

        </tr>

    </table>

结果