thead、tfoot、 tbody制作一个表格
程序员文章站
2022-04-25 23:04:39
...
thead、tfoot 以及 tbody标签实现一个表格示例,这三个标签分别代表表格的头部(th)、主题、和底部,能让表格更加语义化的同时,也能让我们更加方便的控制表格的表现
还有人很变态地用这三个标签做出标题能跟随表格,或者tbody固定高度,走出自动出现滚动条的功能。
代码如下:
<title>thead、tfoot 以及 tbody标签</title> <table border="1"> <thead> <tr> <th>科目</th> <th>分数</th> </tr> </thead> <tbody> <tr> <td>语文</td> <td>99</td> </tr> <tr> <td>数学</td> <td>60</td> </tr> </tbody> <tfoot> <tr> <td>总分</td> <td>159</td> </tr> </tfoot> </table>
更多thead、tfoot、 tbody制作一个表格相关文章请关注PHP中文网!
推荐阅读