html学习之路(四)- 表格标签

2018-11-21  本文已影响0人  绝弹
<!-- 表格标签(10),以下标签分类,仅方便个人记忆,并非官方给出,暂时写列出标签,以后再慢慢补上 -->

<!-- 表格信息 -->
<table>表格容器</table>
<caption>表格标题</caption>

<!-- 表格分组 -->
<colgroup>表格列祖</colgroupd>
<col>列祖单元</col>

<!-- 表格语义 -->
<thead>表格列头</thead>
<tbody>表格主体</tbody>
<tfooter>表格总和</tfooter>

<!-- 表格单元 -->
<tr>表格单行</tr>
<th>表头单元</th>
<td>表格单元</td>

table标签

说明:定义一个二维数据表格容器。
属性:暂无(废弃的属性都可以通过CSS设置)

caption标签

说明:定义表格容器的标题。
属性:暂无(废弃的属性都可以通过CSS设置)

col标签

说明:定义一个表格容器的列。
属性:span属性定义横跨的列:正整数值。

colgroup标签

说明:定义表格容器列的容器。
属性:暂无

thead标签

说明:定义表格容器的头部,一般放置表格头。
属性:暂无

tbody标签

说明:定义表格容器的头部,一般放置表格数据。
属性:暂无

tfooter标签

说明:定义表格容器的头部,一般放置表格总和。
属性:暂无

tr标签

说明:定义表格容器的一行数据。
属性:暂无

th标签

说明:定义表格容器头部单元数据。
属性:暂无

td标签

说明:定义表格单元数据。
属性:暂无
用法:
<!-- 以上表格标签,可简单示例如下,具体应用视情况而定 -->
<table>
  <colgroup>
    <col span="2" style="background:red">
    <col span="1" style="background:green">
  </colgroup>
  <thead>
    <tr>
      <th>数据一</th>
      <th>数据二</th>
      <th>数据三</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>13</td>
      <td>22</td>
      <td>10</td>
    </tr>
    <tr>
      <td>11</td>
      <td>25</td>
      <td>18</td>
    </tr>
  </tbody>
  <tfooter>
    <tr>
      <td>24</td>
      <td>47</td>
      <td>28</td>
    </tr>
  </tfooter>
</table>
上一篇 下一篇

猜你喜欢

热点阅读