合并行或列
假设你想把表格的某些域进行分割,例如,你想让任何一个看你表格的人第一眼就能看出哪些城市及其编码是属于东海岸的,而哪些又是位于西海岸的。
你可以通过将表格分成两部分来实现这一点,每部分分别起名为East Coast和West Coast。East Coast表头将包含那些位于东海岸的城市及其编码,而West Coast表头则包含位于西海岸的。然而,要为表格中多列做一个表头,你必须让这个表头具有多列的宽度。通过<TH>标识符的COLSPAN属性你可以做到这一点(见图6.19)。下面的例子说明了如何使用这一属性:
<HTML>
<HEAD> <TITLE> Area Codes </TITLE></HEAD>
<BODY>
<TABLE BORDER=1>
<CAPTION> Area Codes </CAPTION>
<TR>
<TH COLSPAN=2> East Coast </TH>
<TH COLSPAN=2> West Coast </TH>
</TR>
<TR>
<TH> City </TH>
<TH> Area Code </TH>
<TH> City </TH>
<TH> Area Code </TH>
</TR>
<TR>
<TD> Boston </TD>
<TD> 617 </TD>
<TD> Modesto </TD>
<TD> 209 </TD>
</TR>
<TR>
<TD> </TD>
<TD> </TD>
<TD> San Francisco </TD>
<TD> 415 </TD>
</TR>
</TABLE>
</BODY>
</HTML>
图6.19 合并列的表格
当这个HTML文件在浏览器上显示时,表头East Coast占有表格的前两列,而West Coast则占有后两列。<TD>标识符也可以使用COLSPAN属性,使用COLSPAN属性,你可以让表头占有两倍或更多被于正常的宽度。
还有一个属性用于合并行,你可以使用<TH>或<TD>标识符的ROWSPAN属性来合并两个或更多的行,你可以使用这个属性来为多个行建立标签,当许多行都用同一个标签的时候,这是很有用的。