thead,tbody,tfoot标签的使用

Posted 天上一片红

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了thead,tbody,tfoot标签的使用相关的知识,希望对你有一定的参考价值。

带有 thead、tbody 以及 tfoot 元素的 html 表格

运行结果:            

    

 

<html>                            thead:<thead> 内部必须拥有 <tr> 标签!

<head>                                                                                tbody
<style type="text/css">
thead {color:green}                                                             tfoot
tbody {color:blue;height:50px}
tfoot {color:red}                                                                                     
</style>
</head>
<body>

<table border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
</table>

</body>
</html>

以上是关于thead,tbody,tfoot标签的使用的主要内容,如果未能解决你的问题,请参考以下文章

thead tbody tfoot

tbody是啥意思

html中th与thead的详细区别

table 中 thead tbody tfoot 加载顺序问题

html里面加thead、tbody 以及 tfoot 有啥用?直接用<tr><td>不就可以了吗

<thead></thead>标签怎么用?