HTML: table表格标签横/纵向合并

Table横向合并

• 实现位置为表格中的: "位数/数值"格. 使用 colspan 表格属性

  <table>
      <tr>
      	<td width=100 colspan="2">位数/数值</td>
          <td width=300>原码</td>
          <td width=300>补码</td>
      </tr>
      <tr>
      	<td>4位</td>
          <td>+6</td>
          <td>0110</td>
          <td>0110</td>
      </tr>
      <tr>
          <td>-5</td>
          <td>1101</td>
          <td>1011</td>
      </tr>
      <tr>
      	<td>8位</td>
          <td>+6</td>
          <td>00000110</td>
          <td>00000110</td>
      </tr>
      <tr>
          <td>-5</td>
          <td>10000101</td>
          <td>11111011</td>
      </tr>
  </table>

• 实现效果:

  位数/数值		原码	补码
  4位	+6	0110	0110
  4位	-5	1101	1011
  8位	+6	00000110	00000110
  8位	-5	10000101	11111011

Table实现纵向合并

• 使用 rowspan 表格属性

  <table>
      <tr>
      	<td width=100 colspan="2">位数/数值</td>
          <td width=300>原码</td>
          <td width=300>补码</td>
      </tr>
      <tr>
      	<td rowspan="2">4位</td>
          <td>+6</td>
          <td>0110</td>
          <td>0110</td>
      </tr>
      <tr>
          <td>-5</td>
          <td>1101</td>
          <td>1011</td>
      </tr>
      <tr>
      	<td rowspan="2">8位</td>
          <td>+6</td>
          <td>00000110</td>
          <td>00000110</td>
      </tr>
      <tr>
          <td>-5</td>
          <td>10000101</td>
          <td>11111011</td>
      </tr>
  </table>

• 实现效果:

  位数/数值		原码	补码
  4位	+6	0110	0110
  	-5	1101	1011
  8位	+6	00000110	00000110
  	-5	10000101	11111011