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