表格

 

定义

表格(Table)元素是创建和处理表格数据的HTML元素。

概述

表格是由行和列构成的二维数据表现形式,由<table>标签来定义。表格中的单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

A table demo
thead_row_col1thead_row_col2
tfoot_row_col1tfoot_row_col2
tbody1_row1_col1tbody1_row1_col2
tbody1_row2_col1tbody1_row2_col2
tbody1_row3_col1tbody1_row3_col2
tbody2_row1_col1tbody2_row1_col2
tbody2_row2_col1tbody2_row2_col2


下面简单的介绍一下表格的结构和构成元素:

  • 标题
    表格可以拥有标题,由
    标签定义。一个表格只能有一个标题,标题自动现在表格上方。
    • 表头、表体和表尾
      从结构上看,表格可以分成表头、表体和表尾三部分,分别由<thead>、<tbody>、<tfoot>定义。一个表格里分别只能有一个<thead>和<tfoot>,但<tbody>可有有多个。

    • 表头、表体和表尾包含行,由<tr>标签定义。

    • 行包含列,称为单元格,由<th>标签(在表头内)或<td>标签(在表体内)定义。列可以通过<colgroup>标签进行分组。

    列表

    元素描述版本
    <caption>
    元素显示表格标题,作为<table>子元素,且只能对每个表格定义一个标题。|4|
    <col><col>元素定义表格中一个或多个列的属性值。通常在<colgroup>元素内。4
    <colgroup><colgroup>元素定义表格中的一组列表,以便于进行格式化,且只能在<table>元素中使用。4
    <table><table>元素定义HTML表格,用来展示多行数据。在<table>元素中,存在表格的标题、表格行、表格列、表格单元和其他表格。-
    <tbody><tbody>元素定义HTML表格的主体内容。使用<tbody>元素,可以将表格分为一个单独的部分。其一般同<thead><tfoot>元素组合起来使用,前者用于表格的表头内容分组,后者用于表格的表注内容分组。-
    <td><td>元素定义HTML表格中的一个单元格。-
    <tfoot><tfoot>元素定义HTML表格的页脚(脚注)。另外<thead><tfoot>以及<tbody>元素能够对表格中的行进行分组。-
    <th><th>元素定义HTML表格中的表格头部单元格。该元素中的文本一般显示为居中粗体文本,而<td>元素内的文本一般是左对齐普通文本。-
    <thead><thead>元素定义HTML表格的表头,并用于组合HTML表格的头部内容。<thead>应与<tbody><tfoot>元素结合起来使用。<tbody>元素用于对HTML表格中的主体内容分组。而<tfoot>元素用于对HTML表格中的表注内容分组。-
    <tr><tr>元素定义HTML表格中的行,其包含一个或多个<th><td>元素。