テーブルに関するHTMLタグ
HTMLでは、表（テーブル）を作成することができます。
表（テーブル）のサンプル
表のサンプル
このサンプルは、HTMLドキュメントの中で表を作成する方法をデモンストレーションします。
表の境界線サンプル
このサンプルは、表の境界線の違いをデモンストレーションします。
表（テーブル）
表（テーブル）は、<table>タグによって定義されます。表（テーブル）は行（<tr>タグ）に分割され、各行はデータセル（<td>タグ）に分割されます。データセルには、テキストや画像、リスト、段落、フォーム、水平線、表（テーブル）などを含むことができます。
<table border="1">
<tr>
<td>行1、セル1</td>
<td>行1、セル2</td>
</tr><tr>
<td>行2、セル1</td>
<td>行2、セル2</td>
</tr>
</table>ブラウザでは以下のように表示されます。
| 行1、セル1 | 行1、セル2 |
| 行2、セル1 | 行2、セル2 |
border属性
border属性を指定しなければ、テーブルが境界線無しで表示されます。これは、時々役に立ちますが、ほとんどの場合、境界線を表示させる必要があるでしょう。
境界線を備えた表（テーブル）を表示させるためには、border属性を使用しなければいけません。
<table border="1">
<tr>
<td>行1、セル1</td>
<td>行1、セル2</td>
</tr>
</table>表の見出し
表（テーブル）中の見出しは、<th>タグで定義されます。
<table border="1">
<tr>
<th>見出し1</th>
<th>見出し2</th>
</tr><tr>
<td>行1、セル1</td>
<td>行1、セル2</td>
</tr><tr>
<td>行2、セル1</td>
<td>行2、セル2</td>
</tr>
</table>ブラウザでは以下のように表示されます。
| 見出し1 | 見出し2 |
|---|---|
| 行1、セル1 | 行1、セル2 |
| 行2、セル1 | 行2、セル2 |
空白のセル
内容を持たないセルは、ほとんどのブラウザで同じように表示されます。
<table border="1">
<tr>
<td>行1、セル1</td>
<td>行1、セル2</td>
</tr><tr>
<td>行2、セル1</td>
<td></td>
</tr>
</table>ブラウザでは以下のように表示されます。
| 行1、セル1 | 行1、セル2 |
| 行2、セル1 |
空白のセルの周りに境界線が表示されない（Mozilla Firefoxは境界線を表示します）ことに注意してください。
境界線を表示させるためには、空白のセルに文字参照のスペース（ ）を加えてください。
<table border="1">
<tr>
<td>行1、セル1</td>
<td>行1、セル2</td>
</tr><tr>
<td>行2、セル1</td>
<td> </td>
</tr>
</table>ブラウザでは以下のように表示されます。
| 行1、セル1 | 行1、セル2 |
| 行2、セル1 |
基本メモ - 役立ちTips
theadやtbody、tfoot要素は、めったに使用されません。これらは、XHTMLの将来のバージョンで変化すると予想されます。
表（テーブル）のサンプル集
境界線を持たない表のサンプル
このサンプルは、境界線を持たない表をデモンストレーションします。
表の見出しサンプル
このサンプルは、表の見出しを表示する方法をデモンストレーションします。
空白のセルのサンプル
このサンプルは、内容を持っていないセルを扱うために「 」を使用する方法をデモンストレーションします。
表の説明文サンプル
このサンプルは、説明文を備えた表をデモンストレーションします。
セルの結合サンプル
このサンプルは、行や列のセルを結合する方法をデモンストレーションします。
table要素の中で他の要素を使うサンプル
このサンプルは、table要素の内部で他の要素を表示する方法をデモンストレーションします。
セルの余白設定サンプル
このサンプルは、セルの内容と境界線の間の余白を設定するために、cellpaddingを使用する方法をデモンストレーションします。
セルとセルの距離設定サンプル
このサンプルは、セルとセルの間の距離を設定するために、cellspacingを使用する方法をデモンストレーションします。
表の背景色や背景画像を設定するサンプル
このサンプルは、表（テーブル）に背景を加える方法をデモンストレーションします。
セルの背景色や背景画像を設定するサンプル
このサンプルは、1つ以上のセルへ背景を加える方法をデモンストレーションします。
セルの内容の整列サンプル
このサンプルは、セルの内容を整列させるalign属性を使用する方法をデモンストレーションします。
frame属性のサンプル
このサンプルは、表（テーブル）の周りの境界線をコントロールするためにframe属性を使用する方法をデモンストレーションします。
表（テーブル）関連のHTMLタグ一覧表
| タグ | 説明 |
|---|---|
| <table> | 表（テーブル）を定義します |
| <th> | 表（テーブル）の見出しを定義します |
| <tr> | 表（テーブル）の行を定義します |
| <td> | 表（テーブル）のデータを定義します |
| <caption> | 表（テーブル）の説明文を定義します |
| <colgroup> | 表（テーブル）の列のグループ化を定義します |
| <col> | 表（テーブル）の列の属性値共有を定義します |
| <thead> | 表（テーブル）のヘッダを定義します |
| <tbody> | 表（テーブル）の本体を定義します |
| <tfoot> | 表（テーブル）のフッタを定義します |