HTML Tagリファレンス～T～

Tag

<TABLE> 表を作成する
設定可能な属性	値	記述例	機能
ALIGN	left center right	<TABLE ALIGN="right">	テーブルの表示位置を指定する
BACKGROUND	画像ファイル名	<TABLE BACKGROUND="sample.gif">	背景画像を指定する
BGCOLOR	16進数またはカラーネーム	<TABLE BGCOLOR="red">	背景色を指定する
BORDER	ピクセル	<TABLE BORDER="1">	外枠の太さを指定する
BORDERCOLOR	16進数またはカラーネーム	<TABLE BORDERCOLOR="#333333">	外枠の色を指定する
CELLPADDING	ピクセル	<TABLE CELLPADDING="2">	セル枠の余白を指定する
CELLSPACING	ピクセル	<TABLE CELLSPACING="2">	表の外枠とセルの間隔を指定する
FRAME	void:外枠を表示しない above:上の外枠だけを表示する below:下の外枠だけを表示する hsides:上下の外枠だけを表示する vsides:左右の外枠だけを表示する lhs:左の外枠だけを表示する rhs:右の外枠だけを表示する box:上下左右の外枠を表示する border:上下左右の外枠を表示する	<TABLE FRAME="void">	表の外枠を指定する
RULES	none:表内部の枠線を表示しない groups:グループの境界のみを表示する rows:表内部の横枠だけを表示する cols:表内部の縦枠だけを表示する all:全ての枠を表示する	<TABLE RULES="none">	表内部の枠線を指定する
SUMMARY	テキスト	<TABLE SUMMARY="サンプル図">	表の概要を記述する
WIDTH	ピクセルまたは％	<TABLE WIDTH="300">	表全体の幅を指定する
BORDERCOLORLIGHT	16進数またはカラーネーム	<TABLE BORDERCOLORLIGHT="aqua">	外枠の光の部分の色を指定する
BORDERCOLORDARK	16進数またはカラーネーム	<TABLE BORDERCOLORDARK="yellow">	外枠の影の部分の色を指定する
HEIGHT	ピクセルまたは％	<TABLE HEIGHT="500">	表全体の高さを指定する
HSPACE	ピクセル	<TABLE HSPACE="5">	表の上下の間隔を指定する
VSPACE	ピクセル	<TABLE VSPACE="3">	表の左右の間隔を指定する
共通属性	-	-	-
表を作成する際に使用します。単に表を作る為だけではなく、罫線を非表示にすることでページのレイアウトにも用いられます。

<THEAD> 表のヘッダをグループ化する
<TBODY> 表の本体をグループ化する
<TFOOT> 表のフッタをグループ化する
設定可能な属性	値	記述例	機能
ALIGN	left center right	<TBODY ALIGN="left">	グループ内のセル内容の横方向位置を指定する
VALIGN	top middle bottom baseline	<TBODY VALIGN="top">	グループ内のセル内容の縦方向位置を指定する
共通属性	-	-	-
表を構成する要素は大きくヘッダ、本体、フッタの3つに分けられます。 <THEAD>・<TBODY>・<TFOOT>タグではそれぞれをグループかすることがで、属性やCSSでスタイルをまとめて設定することができます。ブラウザにヘッダとフッタを先に認識させる必要があるため、<THEAD>タグ⇒< TFOOT>タグ⇒<TBODY>タグの順で記述します。

<TD> 表のセルのデータを設定する
設定可能な属性	値	記述例	機能
ALIGN	left center right	<TD ALIGN="center">	セルの内容の横方向位置を指定する
BGCOLOR	16進数またはカラーネーム	<TD BGCOLOR="green">	セルの背景色を指定する
COLSPAN	セル数	<TD COLSPAN="4">	横方向のセルの連結数を指定する
HEIGHT	ピクセルまたは％	<TD HEIGHT="600">	セルの高さを指定する
NOWRAP	nowrap	<TD nowrap>	セル内の折り返しを禁止する
ROWSPAN	セル数	<TD ROWSPAN="3">	縦方向のセルの連結数を指定する
VALIGN	top middle bottom baseline	<TD VALIGN="top">	セルの内容の縦方向位置を指定する
WIDTH	ピクセルまたは％	<TD WIDTH="400">	セルの幅を指定する
BACKGROUND	画像ファイル名	<TD BACKGROUND="sample.gif">	背景画像を指定する
共通属性	-	-	-
表の中のテキストや画像をセルの単位に区切ります。

<TEXTAREA> 複数行のテキストボックスを作成する
設定可能な属性	値	記述例	機能
ACCESSKEY	キー	<TEXTAREA ACCESSKEY="K">	テキストボックスにショートカットキーを割り当てる
COLS	数値	<TEXTAREA COLS="6">	テキストボックスの1行の文字数を指定する
DISABLED	disabled	<TEXTAREA disabled>	選択や変更が出来ないようにする
NAME	名前	<TEXTAREA NAME="koe">	送信するデータの見出しを指定する
READONLY	readonly	<TEXTAREA readonly>	テキストボックスの内容を変更できないようにする
ROWS	数値	<TEXTAREA ROWS="3">	テキストボックスの行数を指定する
TABINDEX	数値	<TEXTAREA TABINDEX="3">	Tabキーを押して移動する順番を指定する
WRAP	off hard soft	<TEXTAREA WRAP="soft">	改行の方法を指定する
共通属性	-	-	-
フォームで複数行の入力が可能なテキストボックスを作るには<TEXTAREA>:タグを使用します。 <TEXTAREA>～</TEXTAREA>の間にテキストを入力しておくと、入力フィールドにあらかじめ入力されたかたちで表示されます。

<TH> 行や列に見出しをつける
設定可能な属性	値	記述例	機能
ALIGN	left center right	<TH ALIGN="right">	セルの内容の横方向位置を指定する
BGCOLOR	16進数またはカラーネーム	<TH BGCOLOR="pink">	セルの背景色を指定する
COLSPAN	セル数	<TH COLSPAN="2">	横方向のセルの連結数を指定する
HEIGHT	ピクセルまたは％	<TH HEIGHT="200">	セルの高さを指定する
NOWRAP	nowrap	<TH nowrap>	セル内の折り返しを禁止する
ROWSPAN	セル数	<TH ROWSPAN="3">	縦方向のセルの連結数を指定する
VALIGN	top middle bottom baseline	<TH VALIGN="middle">	セルの内容の縦方向位置を指定する
WIDTH	ピクセルまたは％	<TH WIDTH="400">	セルの幅を指定する
BACKGROUND	画像ファイル名	<TH BACKGROUND="sample.gif">	背景画像を指定する
共通属性	-	-	-
表の行や列に見出しをつける際に使用します。見出しとして設定されたセル内のデータは太字・中央揃えで表示されます。

<TITLE> タイトルバーにタイトルを表示させる
設定可能な属性	値	記述例	機能
-	-	-	-
ブラウザのタイトルバーにページのタイトルを表示させる際に使用します。

<TR> 表の行を設定する
設定可能な属性	値	記述例	機能
ALIGN	left center right	<TR ALIGN="left">	セルの内容の横方向位置を指定する
BGCOLOR	16進数またはカラーネーム	<TR BGCOLOR="cyan">	行の背景色を指定する
VALIGN	top middle bottom baseline	<TR VALIGN="middle">	セルの内容の縦方向位置を指定する
BACKGROUND	画像ファイル名	<TR BACKGROUND="sample.gif">	行の背景画像を指定する
共通属性	-	-	-
表の行を定義します。

<TT> 等幅フォントで表示する
設定可能な属性	値	記述例	機能
共通属性	-	-	-
ブラウザの表示には一般的にはプロポーショナルフォントを使用しますが内容によっては等幅フォントで表示した方が良いこともあります。その場合は<TT>タグを利用します。

INDEXページに戻る