表格标签

<table> 定义表格标签</table>

<caption>定义表格标题</caption>

<th> 定义表格中的表头单元格</th> ,单元格的内容自动居中、加粗

<tr> 定义表格中的一行</tr>   ,有几对tr 表格就有几行

<td> 定义表格中的一个单元格</td> ,一行中包含几对<td>...</td>,说明一行中就有几列。

<thead>定义表格中的表头内容</thead>

<tbody>定义表格中的主体内容</tbody>

<tfoot>定义表格中的表注内容(脚注)</tfoot>

 

1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。

2、<tbody>…</tbody>:如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构, tbody包含行的内容下载完优先显示,不必等待表格结束后在显示,同时如果表格很长,用tbody分段,可以一部分一部分地显示。(通俗理解table 可以按结构一块块的显示,不在等整个表格加载完后显示。)

3、表格中列的个数,取决于一行中数据单元格的个数。

 

<table>
    <caption>标题文本</caption>
    <tr>
        <td>…</td>
        <td>…</td>
        …
    </tr>
…
</table>

<table>
  <tbody>
     <tr>
        <th>班级</th>
        <th>学生数</th>
        <th>平均成绩</th>
     </tr>
     <tr>
        <td>一班</td>
        <td>30</td>
        <td>89</td>
     </tr>
     <tr>
       <td>二班</td>
       <td>35</td>
      <td>85</td>
      </tr>

  </tbody>

</table>

posted @ 2017-08-20 11:59  菲飞飞  阅读(117)  评论(0编辑  收藏  举报