介绍
这篇文章将为大家详细讲解有关的html中如何使用tfoot标签,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
html tfoot标签定义表格的页脚(脚注或表注),用于组合的html表格的页脚内容.tfoot元素应该与thead和tbody元素结合起来使用,它们的出现次序是:thead, tfoot,身体,这样浏览器就可以在收到所有数据前呈现页脚了。
<强>作用:强>定义表格的页脚(脚注或表注)。该标签用于组合的html表格中的页脚内容。
<强>说明:强>
tfoot元素应该与thead和tbody元素结合起来使用.thead元素用于对html表格中的表头内容进行分组,而tbody元素用于对html表格中的主体内容进行分组。
如果您使用thead, tfoot以及tbody元素,您就必须使用全部的元素。它们的出现次序是:thead, tfoot,身体,这样浏览器就可以在收到所有数据前呈现页脚了。您必须在表元素内部使用这些标签。
<强>注释:强> thead,身体,和tfoot元素默认不会影响表格的布局。不过,您可以使用CSS来为这些元素定义样式,从而改变表格的外观。
<强> html tfoot标签示例强>
& lt; !DOCTYPE html> & lt; html> & lt; head> & lt;元charset=皍tf-8"祝辞 & lt;风格类型=拔谋?css"比; thead{颜色:绿色} tbody{颜色:蓝色;高度:50 px} tfoot{颜色:红} & lt;/style> & lt;/head> & lt; body> & lt;表边界=?“比; & lt; thead> & lt; tr> & lt; th>商品& lt;/th> & lt; th>价格& lt;/th> & lt;/tr> & lt;/thead> & lt; tbody> & lt; tr> & lt; td> T恤& lt;/td> & lt; td> 80美元& lt;/td> & lt;/tr> & lt; tr> & lt; td>衬衣& lt;/td> & lt; td> 100美元& lt;/td> & lt;/tr> & lt;/tbody> & lt; tfoot> & lt; tr> & lt; td>夹克& lt;/td> & lt; td> 180美元& lt;/td> & lt;/tr> & lt;/tfoot> & lt;/table> & lt;/body> & lt;/html>
效果图:
关于html中如何使用tfoot标签就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。