Html合并单元格

今上午，在设计标题栏时，合并单元格帮我的大忙。原来我对表格的属性知之甚少，慢慢积累吧！

 

在Html合并单元格时，使用的属性为: 跨行合并：rowspan,  跨列合并： colspan.

第一部分：rowspan使用方法

 

<table border=2 width="50%">
  <tr>
    <td rowspan=2> 行1，条目1 </td>
    <td> 行1，条目2</td>
  </tr>
  <tr><td>行2，条目1</td></tr>
</table>

1. 没有增加rowspan时的效果是：

行1，条目1    行1，条目2

行2，条目1

2. 增加rowspan后的效果是：

行1，条目1    行1，条目2

                   行2，条目1

 

 

 

第二部分：colspan使用方法

 

<table border=2 width="50%">
  <tr>
    <td> 行1，条目1 </td>
    <td> 行1，条目2</td>
  </tr>
  <tr><td colspan=2 align="center">行2，条目1</td></tr>
</table>

1. 没有增加rowspan时的效果是：

行1，条目1    行1，条目2

行2，条目1    "没有内容"

2. 增加rowspan后的效果是：

行1，条目1    行1，条目2

行2，条目1（整个为一个单元格）