下载掌阅APP，畅读海量书库
立即打开
表格的单元格是表格行的一部分，多个单元格组成了一行，通常单元格直接包含了表格的数据，是表格最重要的部分。在结构复杂点的网页中，单元格往往还可以嵌套表格。
说明 ：单元格设置的属性优先性高于行和表格。
表格的单元格有width属性和height属性，分别用于设置单元格的宽度和高度。在D:\web\目录下创建网页文件，命名为table_td.htm，编写代码如代码7.12所示。
代码7.12 表格的单元格设置：table_td.htm
在浏览器地址栏输入http://localhost/table_td.htm，浏览效果如图7.21所示。
图7.21 表格的单元格尺寸设置
从单元格宽度设置可以看出，使整列的宽度都发生了变化。而包含“英特尔”的单元格高度也改变了整行的高度。
注意 ：无论单元格宽度值设置多大，一行总宽度仍然保持为表格的宽度。
类似于表格行的对齐设置，表格单元格同样有自己的对齐设置，只是其优先性高于表格行的设置。其对齐属性和行对齐属性一样，水平对齐为align，垂直对齐为valign。修改table_td.htm如代码7.13所示。
代码7.13 表格的单元格设置：table_td.htm
在浏览器地址栏输入http://localhost/table_td.htm，浏览效果如图7.22所示。
图7.22 表格的单元格对齐设置
为了更加灵活地安排表格中的各种数据，表格提供了合并的功能，这在布局网页时非常有用。表格单元格的colspan属性用于水平合并单元格，其值为水平合并单元格的数量。表格单元格的rowspan属性用于垂直合并单元格，其值为垂直合并单元格的数量。修改table_td.htm如代码7.14所示。
代码7.14 表格的单元格设置：table_td.htm
在浏览器地址栏输入http://localhost/table_td.htm，浏览效果如图7.23所示。
图7.23 表格的单元格合并
通过对colspan属性和rowspan属性的设置，完成了单元格横向和纵向的合并。合并单元格数量不要超过实际单元格数量，以免产生空隙。
注意 ：colspan属性和rowspan属性比较容易混淆，读者需谨慎使用。