HTMLでの表の作り方のサンプルです．

目次

1. サンプル
2. セルの結合
   1. 2つのセルを横に結合する
   2. 2つのセルを縦に結合する

サンプル

主に3つのタグを使います．

• trタグ：行を設置する
• thタグ：見出しのセルを作る
• tdタグ：データのセルを作る

これらを囲むように，見出し部分ではthead，データ部分ではtbodyを用います．

それら全体をtableで括ります．
border="1"で表に境界線がつきます．

<table border="1">
	<thead>
		<tr>
			<th>見出し</th>
			<th>見出し</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>データ</td>
			<td>データ</td>
		</tr>
		<tr>
			<td>データ</td>
			<td>データ</td>
		</tr>
	</tbody>
</table>

セルの結合

2つのセルを横に結合する

colspan属性の値を定めます．

<td colspan="2">データ</td>

左にくるセルにコードを記述し，右にくるセルにはコードを書きません．

2つのセルを縦に結合する

rowspan属性の値を定めます．

<td rowspan="2">データ</td>

上にくるセルにコードを記述し，下にくるセルにはコードを書きません．