本文概述
- 属性
- 支持的浏览器
< 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不支持) |
< tfoot> 标记支持HTML中的Global属性。
事件属性:
【HTML tfoot标记】< tfoot> 标记支持HTML中的Event属性。
支持的浏览器
Element | Chrome | IE | Firefox | Opera | Safari |
< tfoot> | Yes | Yes | Yes | Yes | Yes |