怎么制作一个HTML表格

HTML - 学习怎么做一个表格

表格在前端里是比较基础的，百米高楼平地起，所以我们更要掌握表格。

我们先看一下效果，表格包括表格标题、表头、表格内容、表格尾部内容，我们从头到尾看一下这个表格是怎么做出来的。

一：表格标签

table主要有以下属性：

table由tr和td标签实现单元格的内容实现

二：标题标签 caption

caption标签默认让标题在表格上面居中，不过没有加粗变黑效果，所以我们需要用一个标题标签实现这个效果。

三：表头标签 thead

thead标签也是默认让表头居中，并且有加粗变黑效果。不过要注意一点的是，单元格不是用td标签，而是用th标签，让表头加黑变粗的也是这个th标签的原因。


四：表格体标签 tbody

表格体可以用align属性设置所有内容居中,用tr和td标签实现内容展现，表格主要是由表格体来展示。


五：表格尾部标签 tfoot

表格尾部一般用来对表格补充说明使用，在实际应用场景中较少出现，不过我们也可以了解一下，并且我们这里还合并了单元格，下一篇文章再详细展开合并单元格怎么做。

好了，HTML的表格学习到此就结束啦，希望看完你也掌握了怎么制作一个HTML表格。