html中如何使用tfoot标签

  介绍

这篇文章将为大家详细讲解有关的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标签

关于html中如何使用tfoot标签就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。

html中如何使用tfoot标签