下载掌阅APP，畅读海量书库
立即打开
在HTML页面设计中，表格经常被用于展示数据和页面布局。随着Web技术的不断发展，表格的应用已经越来越少，但是在某些情况下，我们依然需要使用表格来满足设计的要求。本节将着重介绍如何制作如图5.16所示的表格。
图5.16
新建一个HTML页面，在body元素中嵌入一个table元素，实现基本的行列功能。设置表格的caption为“2015年部门评分表”，thead标签表示表头为“部门名称”和12个月份，tfoot标签表示部门统计结果，相关代码如下：
在浏览器中浏览这段代码的效果，如图5.17所示。
图5.17
下面我们对表头进行修改，除了第1行第1列外，将其他表头拆分成两行，并将拆分后的第1行合并，相关代码如下所示：
刷新浏览器，效果如图5.18所示。
图5.18
表格的基本结构已经形成，但是这样的表格看起来很丑，我们通过设置表格的宽度、高度、边框、对齐方式、背景色等属性，对表格进行美化，相关代码如下：
刷新页面后的效果如图5.19所示。
图5.19
修改页面中的数据，最终结果如图5.16所示。