HTML教程-HTML<tbody>标签

作者: 鱼丸

时间: 2023-06-08

分类: HTML教程

HTML <tbody> 标签用于将表格行 (<tr>) 分组在一起，表示这是表格 (<table>) 的主体部分。

<tbody> 标签必须是 <table> 元素的子元素。

<tbody> 与 <thead> 和 <tfoot> 一起使用，用于显示表格的不同部分，即表头、表体和表尾，但不会影响表格的布局。

这些元素可用于提供语义信息，有助于实现无障碍性，或在打印大表格时将表头置于顶部、表尾置于底部。

提示： `<tbody>` 标签必须包含一个或多个 `<tr>` 元素。

语法

<tbody>...</tbody>

以下是 HTML <tbody> 标签的一些规范

显示	内联
开始标签/结束标签	开始标签和结束标签都有
用法	表格主体

示例

<!DOCTYPE html>
<html>
<head>
  <title>HTML tbody 标签</title>
  <style>
    body {
      margin-left: 195px;
    }
  </style>
</head>
<body>
  <h2>tbody 标签示例</h2>
  <table border="1" bgcolor="#98f5ff">
    <thead>
      <tr>
        <th>EmpId</th>
        <th>Name</th>
        <th>Email-Id</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>121</td>
        <td>John</td>
        <td>john123@gmail.com</td>
      </tr>
      <tr>
        <td>122</td>
        <td>William</td>
        <td>william56@gmail.com</td>
      </tr>
      <tr>
        <td>123</td>
        <td>Amit</td>
        <td>amitk98@gmail.com</td>
      </tr>
    </tbody>
  </table>
</body>
</html>

属性：

标签特定属性：

属性	值	描述
align	right、left、center、justify、char	确定 <tbody> 元素内部内容的对齐方式。(在 HTML5 中不支持)
char	character	指定 <tbody> 内容与字符的对齐方式。(在 HTML5 中不支持)
charoff	Number	指定内容相对于 char 属性指定的字符的对齐位置。(在 HTML5 中不支持)
valign	top、middle、bottom、baseline	确定 <tbody> 元素内部内容的垂直对齐方式。(在 HTML5 中不支持)

全局属性：

HTML <tbody> 标签支持 HTML 中的全局属性。

事件属性：

HTML <tbody> 标签支持 HTML 中的事件属性。

支持的浏览器

元素	Chrome	IE	Firefox	Opera	Safari
`<tbody>`	是	是	是	是	是