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> 低いレベルの見出し

リンク

タグ 機能
<A> </A> アンカー
属性 機能
HREF リンク先のURL
NAME アンカーの名前

URLにはHTMLのテキストだけではなく、画像ファイル(.jpg, .gif)や、アニメーションデータ(.mpg)、音声データ(.au, .aiff)なども使用できる。

マークアップタグ

リスト

リストは入れ子にできるが、ただし3レベルまで。

タグ 機能 結果
<UL>
<LI>
</UL>
番号なしリスト
  • 始まり
  • アイテム
  • 終り
<OL>
<LI>
</OL>
番号付きリスト
  1. 始まり
  2. アイテム
  3. 終り
<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> アンダーライン

特殊文字

タグ 機能
&lt; <(小なり)
&gt; > (大なり)
&amp & (アンパサンド)
&quot " (ダブルクォート)
<HR> 罫線

インライン画像

タグ 機能
<IMG> 画像の表示
属性 機能
SRC = "画像ファイルのURL" 画像ファイルのURL
ALIGN = [TOP|MIDDLE|BOTTOM] 画像の位置
ALT = "文字列" 画像が表示できない端末などを使用している時に、画像の代わりに表示する文字列を指定する。
画像ファイルにはGIF, JPEG, PNG(Netscape4.0)が使用できる。

テーブル

タグ 機能
<TABLE> </TABLE> テーブル定義
属性 機能
ALIGN = [LEFT|CENTER|RIGHT] ブラウザ内の表が表示される相対的な位置。
WIDTH = [ピクセル数|ウインドウに対する割合(%)] 表の横幅
BORDER = ピクセル数 表枠の幅。指定されないと0になる。
CELLSPACING = ピクセル数 セルとセルの間隔
CELLPADDING = ピクセル数 セル内のデータとセル枠との間隔

横列

タグ 機能
<TR> </TR> 横列要素
属性 機能
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