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


在复杂的表格结构中,有的单元格在垂直方向上是跨多个单元格的,这就需要使用跨列属性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行第一个单元格跨了两列。


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3