当前位置: 首页 > 图文教程 > 专题中心 > HTML网页制作表格相关技巧汇总 > HTML教程:表格标记中的单元格 > HTML表格标记教程(35):跨列属性COLSPAN

HTML教程:表格标记中的单元格
HTML表格标记教程(9):单元格间距属性CELLSPACING
HTML表格标记教程(10):单元格边距属性CELLPADDING
HTML表格标记教程(11):水平对齐属性ALIGN
HTML表格标记教程(12):边框样式属性FRAME
HTML表格标记教程(31):单元格的宽度和高度属性WIDTH、HEIGHT
HTML表格标记教程(32):单元格的水平对齐属性ALIGN
HTML表格标记教程(33):单元格的垂直对齐属性VALIGN
HTML表格标记教程(34):跨行属性ROWSPAN
HTML表格标记教程(35):跨列属性COLSPAN

HTML教程:表格标记中的单元格 中的 HTML表格标记教程(35):跨列属性COLSPAN


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-28   浏览: 113 ::
收藏到网摘: n/a

在复杂的表格结构中,有的单元格在垂直方向上是跨多个单元格的,这就需要使用跨列属性COLSPAN。

基本语法

     <TD COLSPAN=VALUE>

语法解释

VALUE代表单元格跨的列数。

文件范例:10-33.htm

通过COLSPAN属性实现跨列的单元格。
01  <!-- ------------------------------ -->
02  <!-- 文件范例:10-33.htm -->
03  <!-- 文件说明:设定跨列的表格 -->
04  <!-- ------------------------------ -->
05  <HTML>
06  <HEAD>
07  <TITLE>设定跨列的表格</TITLE>
08  </HEAD>
09  <BODY>
10  <TABLE BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699 ALIGN="CENTER">
11  <TR>
12  <TD ColSpan=2 Align="Center">网页制作软件</TD>>
13  </TR>
14  <TR>
15  <TD>网页图像软件</TD><TD>Fireworks</TD>
16  </TR>
17  <TR>
18  <TD>网页制作软件</TD><TD>Dreamweaver</TD>
19  </TR>
20 <TR>
21  <TD>网页动画软件</TD><TD>Flash</TD>
22  </TR>
23  </TABLE>
24  </BODY>
25  </HTML>

文件说明

第12行第一个单元格跨了两列。