テーブル（表）の基本

テーブル（表）の基本【<table>】

ブラウザで表示した時の見え方

a	b
c	d

ソースサンプル

<table border="1" cellpadding="10" summary="テーブルの基本">
<tr>
<td>a</td>
<td>b</td>
</tr>
<tr>
<td>c</td>
<td>d</td>
</tr>
</table>

[ 黒※説明中のタグ紫※省略可能なタグ赤※変更可能緑※文章など ]

解説

summaryで表の概要を記述します。これは、視覚的な表現ができない環境（点字や音声など）で利用されます。
<tr>～</tr>が一行です。つまり、</tr>で改行されます。
行の中での区切りは<td>～</td>でします。区切られた一つ一つをセルといいます。
オプションを紹介しますが、できる部分はCSSで設定しましょう。
(※1)は非推奨属性です。
summary以外のすべてのオプションはXHTML Basicでは使用できません。

オプション
bgcolor (※1)	16進数またはカラーネーム	背景色を指定する	<table bgcolor="#ffffff">
background (※1)	画像ファイル名	背景画像を指定する	<table background="./back.gif">
border	ピクセル	外枠の太さの指定をする	<table border="1">
bordercolor (※1)	16進数またはカラーネーム	外枠の色を指定をする	<table bordercolor="#666666">
cellpadding	ピクセル	セル枠のマージンを指定する	<table cellpadding="3">
cellspacing	ピクセル	テーブルの外枠とセルの間隔を指定する	<table cellspacing="5">
height	ピクセルまたは%	テーブル全体の高さを指定する	<table height="200">
width	ピクセルまたは%	テーブル全体の幅を指定する	<table width="150">
align (※1)	left、center、right	テーブルを左揃え、中央揃え、右揃えにして表示する	<table align="center">
属性名	値	機能	例

AICHAN WEB(Z) > HTML＆CSSサンプル集(S) > HTML - テーブル（表）の基本