HTMLのリファレンス
Contents
概説
HTMLとはHyper Text Mark-up Languageの略である。
ここではHTML4.0を中心に、将来廃止予定のものを除いたタグについて説明してある。
注意
HTMLのタグは大文字・小文字の区別はない。
<TITLE> は<Title> でも<title> でも良いが、ここではテキストに書き込んだ時、
わかりやすくするために、全て大文字で表示する。
DTD
DTD(Document Type Definition)はHTMLがどのバージョンに従ったものかを指示するものである。
HTML4.0のDTD
| 種類 |
DTD |
説明 |
| Strict DTD |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd"> |
廃止予定の要素とフレームを含まない |
| Transitional DTD |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> |
Strict DTDに廃止予定の要素を加えたもの |
| Frameset DTD |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN" "http://www.w3.org/TR/REC-html40/framesett.dtd"> |
Transitional DTDにフレームを加えたもの |
ヘッダー部
| タグ |
機能 |
| <TITLE> </TITLE> |
文書のタイトル。必ず必要。 |
ボディー部
基本的タグ
HTMLでは、下記のタグを使用しないと、テキストの中で改行などは行なわれない。
| タグ |
機能 |
| <P> |
段落変更 |
| <BR>
| 改行
|
| <!- .. ->
| コメント
|
見出し
| タグ |
機能 |
| <H1> </H1> |
章 |
| <H2> </H2> |
節 |
| <H3> </H3> |
項 |
| <H4> </H4> |
小見出し1 |
| <H5> </H5> |
小見出し2 |
| <H6> </H6> |
低いレベルの見出し |
リンク
| 属性 |
機能 |
| HREF |
リンク先のURL |
| NAME |
アンカーの名前 |
URLにはHTMLのテキストだけではなく、画像ファイル(.jpg, .gif)や、アニメーションデータ(.mpg)、音声データ(.au, .aiff)なども使用できる。
マークアップタグ
リスト
リストは入れ子にできるが、ただし3レベルまで。
| タグ |
機能 |
結果 |
<UL>
<LI>
</UL>
|
番号なしリスト |
|
<OL>
<LI>
</OL>
|
番号付きリスト |
- 始まり
- アイテム
- 終り
|
<DL>
<DT>
<DD>
</DL>
|
定義型リスト |
- 始まり
- 用語
- 定義
- 終り
|
整形済みテキスト
| タグ |
機能 |
| <PRE> </PRE> |
固定幅フォントでスペース、改行、タグを有効にする。
プログラムのリストなどで使用する。 |
引用文
| タグ |
機能 |
| <BLOCKQUOTE> </BLOCKQUOTE> |
引用文の表示。インデントされて表示される。 |
アドレス
| タグ |
機能 |
| <ADDRESS> </ADDRESS> |
電子メールなどのアドレス |
文字の装飾
論理型タグ
| タグ |
機能 |
| <DFN> </DFN> |
定義された単語(イタリック体) |
| <EM> </EM> |
強調文字(イタリック体) |
| <CITE> </CITE> |
本やフィルムのタイトル(イタリック体) |
| <CODE> </CODE> |
コンピュータのプログラム(固定幅フォント) |
| <KBD> </KBD> |
キーボード(固定幅フォント、ボールド体) |
| <SAMP> </SAMP> |
コンピュータの表示するメッセージ(固定幅フォント) |
| <STRONG> </STRONG> |
強調文字(ボールド体) |
| <VAR> </VAR> |
変数(イタリック体) |
物理型タグ
| タグ |
機能 |
| <B> </B> |
ボールド体(太文字) |
| <I> </I> |
イタリック体(斜体) |
| <TT> </TT> |
タイプライタ(固定幅フォント) |
| <U> </U> |
アンダーライン |
特殊文字
| タグ |
機能 |
| < |
<(小なり) |
| > |
> (大なり) |
| & |
& (アンパサンド) |
| " |
" (ダブルクォート) |
| <HR> |
罫線 |
インライン画像
| 属性 |
機能 |
| SRC = "画像ファイルのURL" |
画像ファイルのURL |
| ALIGN = [TOP|MIDDLE|BOTTOM] |
画像の位置 |
| ALT = "文字列" |
画像が表示できない端末などを使用している時に、画像の代わりに表示する文字列を指定する。 |
画像ファイルにはGIF, JPEG, PNG(Netscape4.0)が使用できる。
テーブル
| タグ |
機能 |
| <TABLE> </TABLE> |
テーブル定義 |
| 属性 |
機能 |
| ALIGN = [LEFT|CENTER|RIGHT] |
ブラウザ内の表が表示される相対的な位置。 |
| WIDTH = [ピクセル数|ウインドウに対する割合(%)] |
表の横幅 |
| BORDER = ピクセル数 |
表枠の幅。指定されないと0になる。 |
| CELLSPACING = ピクセル数 |
セルとセルの間隔 |
| CELLPADDING = ピクセル数 |
セル内のデータとセル枠との間隔 |
横列
| 属性 |
機能 |
| ALIGN = [LEFT|CENTER|RIGHT] |
ブラウザ内の表が表示される相対的な位置。(横方向) |
| VALIGN = [TOP|MIDDLE|BOTTOM] |
ブラウザ内の表が表示される相対的な位置。(縦方向) |
セル
| タグ |
機能 |
| <TH> </TH> |
ヘッダ項目 |
| <TD> </TD> |
データセル |
| 属性 |
機能 |
| WIDTH = [ピクセル数|ウインドウに対する割合(%)] |
セルの幅 |
| HEIGHT = [ピクセル数|ウインドウに対する割合(%)] |
セルの高さ |
| ALIGN = [LEFT|CENTER|RIGHT] |
ブラウザ内の表が表示される相対的な位置。(横方向) |
| VALIGN = [TOP|MIDDLE|BOTTOM] |
ブラウザ内の表が表示される相対的な位置。(縦方向) |
| NOWRAP |
文字を折り返さない |
| ROWSPAN = セル数 |
列の方向にセル数だけまたがらせて表示 |
| COLSPAN = セル数 |
行の方向にセル数だけまたがらせて表示 |
キャプション
| タグ |
機能 |
| <CAPTION オプション> </CAPTION> |
キャプション |
| 属性 |
機能 |
| ALIGN = [LEFT|CENTER|RIGHT] |
ブラウザ内の表が表示される相対的な位置。(横方向) |
| VALIGN = [TOP|BOTTOM] |
ブラウザ内の表が表示される相対的な位置。(縦方向) |
<TABLE>タグの直後か、 </TABLE>タグの直前に置く。
Home | Contents
abe@injapan.net