具体的使用方法可以参考W3SA,这是最权威的
http://www.w3school.com.cn/tags/att_td_colspan.asp
colspan通常使用在td与th标签中。
如:
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td colspan="2">January</td>
</tr>
<tr>
<td colspan="2">February</td>
</tr>
</table>
语法
编辑
<td colspan="value">
colspan是html表格标签<table>里面<td>或<th>标签的标签属性,其属性是设置当前单元格横跨的列数。colspan属性规定单元格可横跨的列数。colspan通常使用在td与th标签中。
用来设置单元格可横跨的列数。colspan="0" 指示浏览器横跨到列组的最后一列。colspan="1"没有合并单元格的作用。所有浏览器都支持 colspan 属性。没有浏览器支持 colspan="0",这个值有特殊的意义。
html特点:
超文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:
1、简易性:
超文本标记语言版本升级采用超集方式,从而更加灵活方便。
2、可扩展性:
超文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超文本标记语言采取子类元素的方式,为系统扩展带来保证。
3、平台无关性:
虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。
4、通用性:
另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
colspan是横向合并;rowspan是纵向合并。colspan是“column span(跨列)”的缩写。colspan属性用在td标签中,用来指定单元格横向跨越的列数:
单元格1
单元格2单元格3单元格4
该例通过把colspan设为“3”, 令所在单元格横跨了三列。如果我们将colspan设为“2”,则该单元格将只跨越两列,于是有必要在第一行插入另外一个单元格,以确保两行占据相同的列数。
该例在浏览器中将显示如下:
单元格1单元格2
单元格3单元格4单元格5
rowspan的作用是指定单元格纵向跨越的行数。
浏览器中将显示如下:
单元格1单元格2
单元格3
单元格4
上例中的单元格1,其rowspan被设为“3”,这表示该单元格必须跨越三行(本身一行,加上另外两行)。因此,单元格1和单元格2在同一行,而单元格3和单元格4形成独立的两行。
综合实例
ss
<html>
<head>
</head>
<table border= "1 " width= "200 " >
<tr>
<td colspan="4" >ss
</td>
</tr>
<tr>
<td width= "25% "> </td>
<td width= "25% "> </td>
<td width= "25% "> </td>
<td width= "25% "> </td>
</tr>
<tr>
<td width= "25% "rowspan="2"> </td>
<td width= "25% "> </td>
<td width= "25% "> </td>
<td width= "25% "> </td>
</tr>
<tr>
<td width= "25% "> </td>
<td width= "25% " rowspan="3"> </td>
<td width= "25% "> </td>
</tr>
<tr>
<td width= "25% " colspan="2" > </td>
<td width= "25% "> </td>
</tr>
<tr>
<td width= "25% "> </td>
<td width= "25% "> </td>
<td width= "25% "> </td>
</tr>
</table>
</html>