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>

立即测试
输出:
HTML tfoot标记

文章图片
属性 特定于标签的属性:
属性 描述
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

    推荐阅读