IT専科TOP>HTML/スタイルシート>HTMLタグ(ABC順)> <table>

<table>

表を作成する要素です。


ブラウザ

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

▲PageTop

仕様

・構成
要素区分 エンドタグ ネストできる要素 備考
ブロック 省略不可 <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

関連項目

HTML

<col> / <colgroup> / <thead> / <tfoot> / <tbody>


CSS

border / width

▲PageTop