テーブル(表)の基本 【<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>

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

解説

オプション
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">
属性名機能