html表格

表格

html

发布日期: 2023-07-17

文章字数: 327

阅读时长: 1 分

阅读次数:

<table> 标签

HTML的<table>元素表示表格数据 — 即通过二维数据表表示的信息。

<thead> 标签

HTML的<thead>元素定义了一组定义表格的列头的行。

<tbody> 标签

HTML的<tbody>元素定义一组数据行。

<tr> 标签

HTML <tr> 元素定义表格中的行。同一行可同时出现<td> 和<th> 元素。

<th> 标签

HTML <th>元素定义表格内的表头单元格。

<td> 标签

HTML <td> 元素定义了一个包含数据的表格单元格。

<caption> 标签

HTML <caption> 元素 (or HTML 表格标题元素) 展示一个表格的标题，它常常作为 <table> 的第一个子元素出现，同时显示在表格内容的最前面，但是，它同样可以被 CSS 样式化，所以，它同样可以出现在相对于表格的任意位置。

示例

<table>
    <caption>My Table</caption>
    <thead>
        <tr>
            <th colspan="2">The table header</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>The table body</td>
            <td>with two columns</td>
        </tr>
    </tbody>
</table>