能教我网页设计中(我用html 4)表格要合并储存格的方法吗?最好给我...

发布网友

我来回答

共1个回答

热心网友

主要用到两个标签一个是rowspan和colspan

colspan 属性规定单元格可横跨的列数。

rowspan 属性规定单元格可横跨的行数。

合并行代码如下

<table border="1">
  <tr>
    <td>行一</td>
    <td>行二</td>
  </tr>
  <tr>
    <td colspan="2">合并行</td>
  </tr>
  <tr>
    <td colspan="2">合并行</td>
  </tr>
</table>

合并列

<table border="1">
  <tr>
    <td>行一</td>
    <td>行二</td>
    <td>行三</td>
  </tr>
  <tr>
    <td>第一</td>
    <td rowspan="2">合并列</td>
    <td rowspan="2">合并列</td>
  </tr>
  <tr>
    <td>第二</td>
     
  </tr>
</table>

行列合并

<table width="200" border="1">
  <tr>
    <td>时间</td>
    <td>星期一</td>
    <td>星期二</td>
    <td>星期三</td>
  </tr>
  <tr>
    <td>9：30</td>
    <td rowspan="2">1</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>10：20</td>
     
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>11：40</td>
    <td>语文</td>
    <td colspan="2">化学</td>
     
  </tr>
  <tr>
    <td>13：50</td>
    <td>数学</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

三个效果图如下

如果是用DW编辑的话直接点击文件→保存或者另存为即可。

如果是在编辑器里编辑也是另存为html文件即可。