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（整個為一個單元格）