当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > HTML表格标记教程(35):跨列属性COLSPAN

HTML/XHTML教程
XHTML中不再使用HTML中的一些废弃元素
语义化的HTML结构怎么理解
Web 标准学习 理解结构和表现相分离
html5 标签
HTML5 新事件 小结
HTML5 b和i标记将被赋予真正的语义
HTML是网页制作者必须要学习掌握的
HTML DOCTYPE的缩写
Readonly和Disabled的区别
16进制颜色代码(完全)
H标记要在网页制作中合理使用
abbr标记和acronym标记
知名浏览器对DOCTYPE模式的选择机制
用标准dl,dt,dd标签抛弃table列表
html 标签ID可以是变量
iframe 自适应大小实现代码
HTML5 解析规则分析
HTML减肥 精简HTML标记制作网页
HTML5 File API改善网页上传功能
HTML 5 Reset Stylesheet

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 177 ::
收藏到网摘: 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行第一个单元格跨了两列。