HTML tbody标记

本文概述

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>

立即测试

输出:

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
微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?