back / home ]

tで始まるHTML4.01 Strictリファレンス

<table>:表組み

要素種別

ブロックレベル要素

説明

行や列で区切った表を作成します。

含められる子要素

CAPTION,COL,COLGROUP,THEAD,TFOOT,TBODY要素

属性

属性 概要
%attrs 一般的な属性(id,lass,style,title,on〜イベント)。
summary 読み上げ環境のために表の目的や構造の要約を指定します。
width 表全体の幅を指定します。
border 表の枠線の太さを指定します。
frame 表の外枠の表示させる部分を指定します。
rules 表の内罫線の表示させる部分を指定します。
cellspacing セル間の余白を指定します。
cellpadding セル内の余白を指定します。
datapagesize 将来予約です。

サンプルコード

<table summary="table sample" border="1">
<thead>
<tr><th>thセル</th><th>thセル</th></tr>
</thead>
<tbody>
<tr><td>tbセル</td><td>tbセル</td></tr>
<tr><td>tbセル</td><td>tbセル</td></tr>
</tbody>
</table>

結果

thセルthセル
tbセルtbセル
tbセルtbセル

<tbody>:表本体部

要素種別

その他

説明

表本体部分の行をグループ化します。table要素内で必ず含まなければならない要素です。

含められる子要素

tr要素

属性

属性 概要
%attrs 一般的な属性(id,lass,style,title,on〜イベント)。
%cellhalign 水平方向位置揃え属性を指定します。
%cellvalign 垂直方向位置揃え属性を指定します。

サンプルコード

<table summary="table sample" border="1">
<thead>
<tr><th>thセル</th><th>thセル</th></tr>
</thead>
<tbody>
<tr><td>tbセル</td><td>tbセル</td></tr>
<tr><td>tbセル</td><td>tbセル</td></tr>
</tbody>
</table>

結果

thセルthセル
tbセルtbセル
tbセルtbセル

<td>:セル

要素種別

その他

説明

表本体部分の行をグループ化します。table要素内で必ず含まなければならない要素です。

含められる子要素

ブロックレベル要素またはインライン要素

属性

属性 概要
%attrs 一般的な属性(id,lass,style,title,on〜イベント)。
abbr セルの内容の略を指定します。
axis セルをカテゴリーに位置づけるよう指定します。値は、カンマ区切りのリストで指定します。
headers 見出し情報(ID)を指定します。
scope 見出し情報の有効範囲を指定します。
rowspan 行方向に連結するセルの行数を指定します。
colspan 列方向に連結するセルの列数を指定します。
%cellhalign 水平方向位置揃え属性を指定します。
%cellvalign 垂直方向位置揃え属性を指定します。

サンプルコード

<table summary="table sample" border="1">
<thead>
<tr><th>thセル</th><th>thセル</th></tr>
</thead>
<tbody>
<tr><td>tbセル</td><td>tbセル</td></tr>
<tr><td>tbセル</td><td>tbセル</td></tr>
</tbody>
</table>

結果

thセルthセル
tbセルtbセル
tbセルtbセル

<textarea>:入力ボックスフィールド

要素種別

インライン要素

説明

複数行入力可能なテキストボックスを作成します。

含められる子要素

テキスト

属性

属性 概要
%attrs 一般的な属性(id,lass,style,title,on〜イベント)。
name 名前を指定します。
rows 表示行数を指定します。【REQUIRED】
cols 表示幅を指定します。【REQUIRED】
disabled 無効にします。(値:disabled)
readonly 部品を読み取り専用にします。(値:readonly)
tabindex Tabキーによるフォーカスの移動順序を指定します。
accesskey アクセスキーを指定します。ユーザーは、アクセスキーでの移動が可能になります。
onfocus フォーカスがあたった時のスクリプト。
onblur フォーカスが外れた時のスクリプト。
onselect テキストが選択された時のスクリプトを指定します。
onchange 値が変更された時のスクリプトを指定します。

サンプルコード

<form>
<label>コメント:<br>
<textarea name="comment" cols="50" rows="5"></textarea>
</label>
</form>

結果

<tfoot>:表フッタ部

要素種別

その他

説明

表フッタ部分の行をグループ化します。

含められる子要素

tr要素

属性

属性 概要
%attrs 一般的な属性(id,lass,style,title,on〜イベント)。
%cellhalign 水平方向位置揃え属性を指定します。
%cellvalign 垂直方向位置揃え属性を指定します。

<th>:見出しセル

要素種別

その他

説明

表の列または行の見出しセルを示します。

含められる子要素

ブロックレベル要素またはインライン要素

属性

属性 概要
%attrs 一般的な属性(id,lass,style,title,on〜イベント)。
abbr セルの内容の略を指定します。
axis セルをカテゴリーに位置づけるよう指定します。値は、カンマ区切りのリストで指定します。
headers 見出し情報(ID)を指定します。
scope 見出し情報の有効範囲を指定します。
rowspan 行方向に連結するセルの行数を指定します。
colspan 列方向に連結するセルの列数を指定します。
%cellhalign 水平方向位置揃え属性を指定します。
%cellvalign 垂直方向位置揃え属性を指定します。

サンプルコード

<table summary="table sample" border="1">
<thead>
<tr><th>thセル</th><th>thセル</th></tr>
</thead>
<tbody>
<tr><td>tbセル</td><td>tbセル</td></tr>
<tr><td>tbセル</td><td>tbセル</td></tr>
</tbody>
</table>

結果

thセルthセル
tbセルtbセル
tbセルtbセル

<thead>:表ヘッド部

要素種別

その他

説明

表ヘッド部分の行をグループ化します。

含められる子要素

tr要素

属性

属性 概要
%attrs 一般的な属性(id,lass,style,title,on〜イベント)。
%cellhalign 水平方向位置揃え属性を指定します。
%cellvalign 垂直方向位置揃え属性を指定します。

サンプルコード

<table summary="table sample" border="1">
<thead>
<tr><th>thセル</th><th>thセル</th></tr>
</thead>
<tbody>
<tr><td>tbセル</td><td>tbセル</td></tr>
<tr><td>tbセル</td><td>tbセル</td></tr>
</tbody>
</table>

結果

thセルthセル
tbセルtbセル
tbセルtbセル

<title>:タイトル

要素種別

その他

説明

文書のタイトルを示します。head要素内に必ず1つ含みます。

含められる子要素

テキスト

属性

属性 概要
%i18n 一般的な属性(lang,dir)。

サンプルコード

<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html;charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>HTML4.01 Strictリファレンス t</title>
</head>

<tr>:表の行

要素種別

その他

説明

表内の行を示します。tdまたはth要素を必ず1つ以上含める必要があります。

含められる子要素

td,th要素

属性

属性 概要
%attrs 一般的な属性(id,lass,style,title,on〜イベント)。
%cellhalign 水平方向位置揃え属性を指定します。
%cellvalign 垂直方向位置揃え属性を指定します。

サンプルコード

<table summary="table sample" border="1">
<thead>
<tr><th>thセル</th><th>thセル</th></tr>
</thead>
<tbody>
<tr><td>tbセル</td><td>tbセル</td></tr>
<tr><td>tbセル</td><td>tbセル</td></tr>
</tbody>
</table>

結果

thセルthセル
tbセルtbセル
tbセルtbセル

<tt>:テレタイプ文字(タイプライター文字)

要素種別

インライン要素

説明

タイプライター文字で示します。等幅のフォントで表示されることが期待されています。

含められる子要素

インラインレベル要素

属性

属性 概要
%attrs 一般的な属性(id,lass,style,title,on〜イベント)。

サンプルコード

<p>テレタイプ文字</p>
<p><tt>テレタイプ文字</tt>lt;/p>

結果

テレタイプ文字

テレタイプ文字


back / home ]