トップ > HTML > テーブル（表）

テーブル（表）

<table>～</table>
テーブル作成開始タグ～終了タグ

<tr>～</tr>
テーブルの行を作成タグ

<td>～</td>
テーブルの列を作成タグ

・セル1つ

<table border=1>
 <tr>
  <td>データ</td>
 </tr>
</table>

データ

・セル横並び

<table border=1>
 <tr>
  <td>データ1</td>
  <td>データ2</td>
 </tr>
</table>

データ1

データ2

・セル縦並び

<table border=1>
 <tr>
  <td>データ1</td>
 </tr>
 <tr>
 <td>データ2</td>
 </tr>
</table>

データ1

データ2

・セル縦横並び

<table border=1>
 <tr>
  <td>データ1</td>
  <td>データ2</td>
 </tr>
 <tr>
 <td>データ3</td>
 <td>データ4</td>
 </tr>
</table>

データ1	データ2
データ3	データ4

<rowspane>
セルを縦につなげる

<colspane>
セルを横につなげる

<table border=1>
<tr><td colspan="2">データ1</td><td>データ2</td></tr>
<tr><td rowspan="2">データ3</td><td>データ4</td><td>データ5</td></tr>
<tr><td colspan="2">データ6</td></tr>
</tr>
</table>

データ1		データ2
データ3	データ4	データ5
	データ6