トップ
トップ >  IT一般 >  HTML >  テーブル
テーブルタグ
概要
テーブルを表示するタグです。

書式
<table>
 [<caption>説明</caption>]
 [<tr>
  [<td>セル</td>]...
 </tr>]...
</table>
タグ属性説明
table
名称説明
border枠の幅を指定します。
width幅を指定します。
height高さを指定します。
cellspacing内側の枠の幅を指定します。
cellpadding枠と内容の間隔を指定します。
bgcolor背景色を指定します。
background背景画像を指定します。
align 表示位置を指定します。
説明
left左寄せ
center中央寄せ
right右寄せ
summary要約
テーブル表します。
caption-タイトルです。
tr
名称説明
bgcolor背景色を指定します。
background背景画像を指定します。
Table Rowの略で、列です。
td
名称説明
width幅を指定します。
height高さを指定します。
bgcolor背景色を指定します。
align 表示位置を指定します。
説明
left左寄せ
center中央寄せ
right右寄せ
summary要約
colspan縦に指定したセルを結合します。
rowspan横に指定したセルを結合します。
nowrap指定すると改行禁止になります。
Table Dataの略で、セルです。

解説
テーブル内に複数の行が存在し、行の中に複数のセルが存在します。 td table data

記述例実行結果説明
<table border="1">
  <tr><td>データ1</td><td>データ2</td></tr>
  <tr><td>データ3</td><td>データ4</td></tr>
</table>
データ1データ2
データ3データ4
テーブルを表示しています。
<table border="1">
  <tr><td rowspan="2">データ1</td><td>データ2</td></tr>
  <tr><td>データ3</td></tr>
</table>
データ1データ2
データ3
縦にセルを結合しています。
トップ >  IT一般 >  HTML >  テーブル