前端html基础（下篇）table表格元素与表单元素

一、表格table标签

常用来处理显示表格式数据。

（1）创建表格

在html中要想创建表格，就需要使用表格相关的标签，创建表格的基本语法格式

1、 table用于定义一个表格；
2、tr用于定义表格中的一行，必须嵌套在table中，在table中包含几对tr，就有几行 表格。
3、td/td.用于定义表格中的单元格，必须嵌套在tr标签中，一对tr中包含几对td，就表示该行中有几个单元格

<table width="500" border="2" >
    <tr>
             <td>名字</td>
             <td>班级</td>
             <td>年龄</td>
    </tr>
    <tr>
             <td>李小白</td>
             <td>一班 </td>
             <td>12</td>
    </tr>   
    <tr>
             <td>豆小福</td>
             <td>六班</td>
             <td>32</td>
    </tr>
    <tr>
             <td>二狗蛋子</td>
             <td>二班</td>
             <td>6</td>
    </tr>
    <tr>
             <td>二驴腿子</td>
             <td>二班</td>
             <td>5</td>
    </tr>
</table>

名字	班级	年龄
李小白	一班	12
豆小福	六班	32
二狗蛋子	二班	6
二驴腿子	二班	5

(2)表格属性

表头标签

表头单元格一般位于表格的第一行或第一列，其文本加粗居中，如下图所示，即为设置了表头的表格，用表头标签th 替换单元格标签td即可

<table width="500" border="2" >
    <tr>
             <th>名字</th>
             <th>班级</th>
             <th>年龄</th>
    </tr>
    <tr>
             <td>李小白</td>
             <td>一班 </td>
             <td>12</td>
    </tr>   
    <tr>
             <td>豆小福</td>
             <td>六班</td>
             <td>32</td>
    </tr>
    <tr>
             <td>二狗蛋子</td>
             <td>二班</td>
             <td>6</td>
    </tr>
    <tr>
             <td>二驴腿子</td>
             <td>二班</td>
             <td>5</td>
    </tr>
</table>

名字	班级	年龄
李小白	一班	12
豆小福	六班	32
二狗蛋子	二班	6
二驴腿子	二班	5

（3）表格结构