HTML tfoot标记 - 珊瑚贝

本文概述

属性
支持的浏览器

HTML <tfoot>标记用于定义代表HTML表页脚的行集。 <tfoot>标记必须包含一个或多个<tr>元素。

<tfoot>标记与<thead>和<tbody>元素一起用作HTML表（<table>）的子元素, 其中<thead>定义表标题, 而<tbody>定义表主体。

提示：<thead>, <tbody>和<tfoot>元素不会影响表布局, 如果要在表布局中应用更改, 请使用CSS属性。

句法

<tfoot>
		<tr></tr>
		<tr></tr>
	</tfoot>

以下是有关HTML <tfoot>标记的一些规范

Display	None
开始日期/结束日期	开始和结束标签
Usage	HTML表格

例

<!DOCTYPE html>
<html>
   <head>
	<title>HTML tfoot Tag</title>
	<style>
	     table{
	     	border-collapse: collapse;
	        }
		thead, tfoot{
		    background-color:#3f87a6;
		    }
		tbody{
		   background-color:#97ffff;
		    }
	</style>
   </head>
<body>
  <h1>Example of tfoot tag</h1>
  <table border="1" >
              <thead>
		<tr>
		      <th>Items</th>
		      <th>Quantity</th>
		      <th>Expenditure</th>	
		</tr>
	</thead>
	  <tfoot>
		<tr>
		  <th>Total</th>
		  <th>90</th>
		  <th>4175</th>
		</tr>
               </tfoot>
                  <tbody>
		 <tr>
		     <td>Books</td>
		      <td>5</td>
		       <td>1500</td>
		 </tr>
		  <tr>
		        <td>Drawing-Paper</td>
		          <td>50</td>
		        <td>800</td>
		 </tr>
		 <tr>
		    <td>Marker</td>
		    <td>35</td>
		     <td>1875</td>
		 </tr>
	 </tbody>
 </table>
</body>
</html>

立即测试

输出：

属性

特定于标签的属性：

属性	值	描述
align	左右中心居中对齐字符	它确定<tfoot>元素内内容的对齐方式。（HTML5不支持）
char	Character	它指定<tfoot>元素内的内容与字符的对齐方式。（HTML5不支持）
charoff	Number	它指定将从char属性指定的字符对齐内容的字符数。（HTML5不支持）
valign	上中下基线	它确定<tfoot>元素内内容的垂直对齐方式。（HTML5不支持）