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