首页 > 开发 > HTML > 正文

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

2020-09-18 22:18:10
字体:
来源:转载
供稿:网友

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表