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

2021年1月15日 23点热度 0人点赞

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

99君

这个人很懒,什么都没留下