<table>

表を作成する要素です。

ブラウザ

IE3 / IE4 / IE5 / IE5.5 / IE6 / N3 / N4 / N6 / N7 / O6 / O7 / O9 / Fx1 / Fx2 / IE5 mac

仕様

・構成
要素区分	エンドタグ	ネストできる要素	備考
ブロック	省略不可	<caption>要素が1度出現するか、しない。<col>要素か<colgroup>要素が何回かでてくるか、もしくは出てこない。<thead>要素が1度出現するか、しない。<tfoot>要素が1度出現するか、しない。<tbody>要素がすくなくとも1度出現する。

・属性
属性名	必須	意味	値
summary		表のデータの概要説明文	任意のテキスト
width		要素の幅	%かpx
border		外枠の太さ	px値
frame		外枠の表示形態	`void` 無し(規定値) `above` 上枠のみ `below` 下枠のみ `hsides` 上下枠のみ `lhs` 左枠のみ `rhs` 右枠のみ `visides` 左右枠のみ `box` 上下左右枠 `border` 上下左右
rules		内枠の表示形態	`none` 無し(規定値】) `row` 行の境目のみ `cols` 列の境目のみ `group` thead/tbody/tfoot/col/colgroupの境目のみ `all` 内枠全て
cellspacing		セルとセルの間隔	%かpx
cellpadding		セル内のマージン	%かpx
align		水平方向の配置位置	`left` 左端 `center` 中央 `right` 右端
bgcolor		背景色	色コード/色名
class		class名	スタイルシートを設定したclass名
id		id名	スタイルシートを設定したid名もしくは、任意のテキスト
title		説明文	任意のテキスト
style		スタイル	任意のスタイル
lang		言語コード	例(日本語)：ja
dir		読む方向	`rtl` 右から左に読む `ltr` 左から右に読む

・イベント
イベント	仕様
onclick	クリック時に発生
ondblclick	ダブルクリック時に発生
onmousedown	要素上でマウスボタンを押したときに発生
onmouseup	要素上でマウスボタンを離したときに発生
onmouseover	ポインティングデバイスが要素上を通過したときに発生
onmousemove	ポインティングデバイスが要素上で動くと発生
onmouseout	要素の領域から出るときに発生
onkeypress	要素上でキーが押されて、要素から離れたとき発生
onkeydown	要素上でキーが押されたとき発生
onkeyup	要素上で押されたキーを離したとき発生

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
  </head>
  <body>
    <table summary="日付ごとの販売個数表サンプル" border="1" frame="box" rules="cols">
    <caption>表サンプル</caption>
      <tr>
        <th>日付</th>
        <th>商品1販売個数</th>
        <th>商品2販売個数</th>
      </tr>
      <tr>
        <td>12/2</td>
        <td>5</td>
        <td>12</td>
      </tr>
      <tr>
        <td>12/3</td>
        <td>10</td>
        <td>11</td>
      </tr>
    </table>
  </body>
</html>

表示結果

表サンプル
日付	商品1販売個数	商品2販売個数
12/2	5	12
12/3	10	11

▲PageTop

<table>

ブラウザ

仕様

サンプル

ソースコード

表示結果

関連項目

HTML

CSS