HTML表格

本页内容


HTML 表格允许 Web 开发人员将数据排列成行和列。

<thead> </thead> <tbody> </tbody>
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter


定义 HTML 表格

HTML 中的表格由行和列内的表格单元格组成


示例

一个简单的 HTML 表格:

<table>  <tr>    <th>Company</th>     <th>Contact</th>     <th>Country</th>   </tr>  <tr>    <td>Alfreds Futterkiste</td>     <td>Maria Anders</td>     <td>Germany</td>   </tr>  <tr>    <td>Centro comercial Moctezuma</td>     <td>Francisco Chang</td>     <td>Mexico</td>   </tr></table>

单位表格

每个表格单元格由一个 <td> 和一个 </td> 标签定义。

td 代表表格数据。

<td> 和之间 </td> 的所有内容都是表格单元格的内容。


示例

<table>  <tr>    <td>Emil</td>     <td>Tobias</td>     <td>Linus</td>   </tr></table>

注意:表格数据元素是表格的数据容器。 它们可以包含各种 HTML 元素;文本、图像、列表、其他表格等。

表行

每个表格行都以 a 开头, 以标签 <tr> 结尾。 </tr>

tr 代表表格行。


示例

<table>  <tr>    <td>Emil</td>     <td>Tobias</td>     <td>Linus</td>   </tr>  <tr>    <td>16</td>     <td>14</td>     <td>10</td>   </tr></table>

您可以在表格中包含任意数量的行,只需确保每行中的单元格数相同。

注意:有时一行中的单元格可能少于或多于另一行。您将在后面的章节中了解这一点。

表头

有时您希望您的单元格成为标题,在这些情况下使用 <th> 标签而不是 <td> 标签:


示例

让第一行成为表格标题:

<table>  <tr>    <th>Person 1</th>     <th>Person 2</th>     <th>Person 3</th>   </tr>  <tr>    <td>Emil</td>     <td>Tobias</td>     <td>Linus</td>   </tr>  <tr>    <td>16</td>     <td>14</td>     <td>10</td>   </tr></table>

默认情况下, <th> 元素中的文本是粗体且居中的,但您可以使用 CSS 进行更改。

此页面最后编辑于2022年8月4日 (星期四) 21:59。