表組み

作ってみた 

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>表組み</title>
<style type="text/css">
<!--
table {
	width: 300px;
	height: 300px;
	border: 1px #000000 solid;
	font-family:
          "Hiragino Kaku Gothic Pro",
          "ヒラギノ角ゴ Pro W3",
          Meiryo,
          "メイリオ",
          Osaka,
          "MS PGothic",
          "ＭＳ Ｐゴシック",
          sans-serif;
}
td {
	text-align: left;
	vertical-align: middle;
	border: 1px #000000 solid;
}
-->
</style>
</head>

<body> 
<table>
  <tr>
      <td>１</td>
      <td>２</td>
      <td rowspan="2">３</td>
      <td>４</td>
      <td>５</td>
  </tr>
  <tr>
      <td>６</td>
      <td rowspan="4">７</td>
      <td colspan="2">８</td>
  </tr>
  <tr>
      <td rowspan="2">９</td>
      <td colspan="3">10</td>
  </tr>
  <tr>
      <td colspan="2">11</td>
      <td rowspan="2">12</td>
  </tr>
  <tr>
      <td>13</td>
      <td>14</td>
      <td>15</td>
  </tr>
</table>
</body>
</html>




<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>表組み</title>
<style type="text/css">
<!--
table {
	width: 300px;
	height: 300px;
	border: 1px #000000 solid;
	border-collapse: collapse;
	font-family:
          "Hiragino Kaku Gothic Pro",
          "ヒラギノ角ゴ Pro W3",
          Meiryo,
          "メイリオ",
          Osaka,
          "MS PGothic",
          "ＭＳ Ｐゴシック",
          sans-serif;
}
td {
	text-align: left;
	vertical-align: middle;
	border: 1px #000000 solid;
}
-->
</style>
</head>

<body> 
<table>
  <tr>
      <td>１</td>
      <td>２</td>
      <td rowspan="2">３</td>
      <td>４</td>
      <td>５</td>
  </tr>
  <tr>
      <td>６</td>
      <td rowspan="4">７</td>
      <td colspan="2">８</td>
  </tr>
  <tr>
      <td rowspan="2">９</td>
      <td colspan="3">10</td>
  </tr>
  <tr>
      <td colspan="2">11</td>
      <td rowspan="2">12</td>
  </tr>
  <tr>
      <td>13</td>
      <td>14</td>
      <td>15</td>
  </tr>
</table>
</body>
</html>