本文概述
HTML <tbody>标记用于将表行(<tr>)组合在一起, 这表明这是表(<table>)的主体部分。
<tbody>标记必须是<table>元素的子代。
<tbody>与<thead>和<tfoot>一起使用, 后者显示表的不同部分, 即表头, 表主体和表脚, 但是, 它不影响表的布局。
这些元素可用于提供语义信息, 这对可访问性很有帮助, 或者在打印大型表时在顶部显示页眉, 在底部显示页脚。
提示:<tbody>标记必须包含一个或多个<tr>元素。
句法
<tbody>............</tbody>
以下是有关HTML <tbody>标记的一些规范
Display | Inline |
开始日期/结束日期 | 开始和结束标签 |
Usage | 表体 |
例
<!DOCTYPE html>
<html>
<head>
<title>HTML tbody tag</title>
<style>
body{
margin-left: 195px;"
}
</style>
</head>
<body>
<h2>Example of the tbody tag</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 | 左右中心居中对齐字符 | 它确定<tbody>元素内内容的对齐方式。 (HTML5不支持) |
char | character | 它指定<tbody>内容与字符的对齐方式。 (HTML5不支持) |
charoff | Number | 它指定将从char属性指定的字符对齐内容的字符数。 (HTML5不支持) |
valign | 上中下基线 | 它确定<tbody>元素内内容的垂直对齐方式。 (HTML5不支持) |
全局属性:
<tbody>标记支持HTML中的Global属性。
事件属性:
<tbody>标记支持HTML中的Event属性。
支持的浏览器
Element | Chrome | IE | Firefox | Opera | Safari |
<tbody> | Yes | Yes | Yes | Yes | Yes |