ＨＴＭＬタグ簡易リファレンス

[PR]

基本構造: ●　このページでは、ＨＴＭＬタグを大文字で、属性を小文字で表記していますが、実際には大文字小文字の区別は必要ありません。
●　終了タグが不要なものは開始タグのみ表記しています。
●　ＩＥとＮＮ共通で一般的なタグのみ記載します。
<HTML>
<HEAD>
タイトル、ページ画面には表示されない情報
</HEAD>
<BODY>
ページ画面に表示されるドキュメント部分
</BODY>
</HTML>

タグの一般的な属性: ●　タグによっては指定しても意味を成さないものもあります。
class=～：クラス「～」を指定。
dir=～：文字の表示方向を指定。
id=～：ＩＤ「～」を指定。
lang= ：言語を指定。
style=～：スタイルシート「～」を指定。
title=～：マウスを重ねた時のポップアップタイトル「～」を指定。
width=～：幅を指定。
height=～：高さを指定。

[PR]

<HTML>～<HEAD>内のタグ。: <TITLE></TITLE> ：タイトルバー（Window最上部）に表示されるページのタイトル。
<BASE href=ＵＲＬの前半> ：リンクのＵＲＬ前半部分を指定。
<BASE target=～> ：リンクの表示Window指定。_blank、_self、_top、_parent、またはWindow名
<META name=・・・ content=～> ：ブラウザや検索エンジンロボットへの情報。
<META name="robots" content="index,follow"> ：ロボットの検索を許可（index）リンク先探査を許可（follow）。不許可はnoindex,nofollow。
<META http-equiv=・・・ content=～> ：name="・・・"のフィールドを追加したのと同じ。
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> ：文字コード宣言。左はシフトJISを宣言。
<META http-equiv="Refresh" content="5;URL=～"> ：５秒後に～に自動的にジャンプ。
<META http-equiv="Pragma" content="no-cache"> ：キャッシュに保存させない。頻繁に更新するページなどに使用。
<LINK rel="stylesheet" href="～.css" type="text/css"> ：外部ファイル指定。左は外部スタイルシートファイル～.cssを指定。

<BODY>の属性: <BODY bgcolor=ＲＧＢカラーナンバー> ：背景色。
<BODY background=画像のＵＲＬ> ：背景画像。
<BODY bgproperties=fixed> ：背景画像を固定。
<BODY text=ＲＧＢカラーナンバー> ：文字色。
<BODY link=ＲＧＢカラーナンバー> ：リンク色。
<BODY vlink=ＲＧＢカラーナンバー> ：開いた事があるリンクの色。
<BODY alink=ＲＧＢカラーナンバー> ：クリックした時のリンクの色。

[PR]

文字と文章: <BR> ：改行
<CENTER></CENTER> ：ドキュメントを左右の中央に表示する。
<FONT size=数字></FONT> ：フォントの大きさ。数字は１から７で大きいほうが文字が大きくなる。
<FONT color=ＲＧＢカラーナンバー></FONT> ：文字色。
<PRE></PRE> ：ソース中のスペースや改行をそのまま表示。
<H1></H1> ：見出し。数字は１から６までで、小さいほうが文字が大きい。
<B></B> ：太文字。
<I></I> ：斜体文字。
<TT></TT> ：タイプライター文字。
<CITE></CITE> ：引用文字（斜体）。
<STRONG></STRONG> ：強調文字（斜体あるいは太文字）
<STRONG></STRONG> ：強調文字（斜体あるいは太文字）

リンク: <A href=ジャンプ先のＵＲＬ></A> ：ハイパーリンク。
<A href="mailto:メールアドレス"></A> ：メールリンク
<A name=～></A> ：文章内に「～」という名前のアンカーを作る。
<A href=#～></A> ：文章内の「～」にジャンプ。

[PR]

範囲: <P></P> ：ブロック要素（前後に改行がはいる）の段落
<DIV></DIV> ：ブロック要素（前後に改行がはいる）の範囲。スタイルシートを指定する時になどに使用。
align=～：ブロック要素の属性。～は、centerが中央表示、rightが右端表示、leftが左端表示（既定値）、justifyが両端揃え。
<SPAN></SPAN> ：インライン要素（前後に改行が入らない）の範囲。スタイルシートを指定する時になどに使用。
<BLOCKQUOTE></BLOCKQUOTE> ：引用文。前後に改行され、両側に隙間をあけて表示。

リスト: <DL></DL> ：定義リストの作成。
<DT> ：定義語の作成。
<DD> ：定義の説明。
<LI> ：各リスト項目。
<UL><LI>....<LI>....</UL> ：順序のない丸点付きリスト。
<OL type=～><LI>....<LI>....</OL> ：順序のあるリスト。～は、　1が番号、aがa, b, c...、AがA, B, C...、iがi, ii, iii...、IがI, II, III...。

[PR]

画像: <IMG src=画像のＵＲＬ> ：画像を追加する。
alt=～：画像を表示できない時の代替テキスト。
align=～：画像を、右寄せ、左寄せ、中央寄せ、上寄せ、下寄せ、中寄せに配置。
border=～：画像の縁のサイズを設定。
galleryimg=no ：イメージツールバー（画像上にマウスポインタがある時に左上に表示される）を表示させない。

水平線: <HR> ：水平線を挿入。
<HR size=数字> ：水平線の高さを設定。
<HR noshade> ：陰なしの水平線を挿入。

[PR]

テーブル: <TABLE></TABLE> ：テーブルを作成。
border=～：枠線の太さを指定。0を指定すると枠線を表示しません。
cellpadding= ：枠線とセルの内容の間の隙間をピクセル単位で指定。
cellspacing=～：内枠の太さをピクセル単位で指定。
<TR></TR> ：テーブルの列を設定
<TD></TD> ：セルを設定。
<TH></TH> ：テーブルの見出しを設定（文字をセルの中央に太字で表示）。
align=～：中身の水平位置をleft、right、center、justifyで指定。
valign=～：中身の垂直位置をtop、bottom、middle、baselineで指定。
colspan=数字：セルの横方向の連結。
rowspan=数字：セルの縦方向の連結。
nowrap ：セル内データが自動改行されない。

フレーム: <FRAMESET></FRAMESET> ：フレーム・ドキュメントでは、<BODY>タグの代わりに使う。入れ子の使用可能。
<FRAMESET rows="数字または＊,数字または＊,...."></FRAMESET> ：縦方向の分割。ピクセル値あるいはパーセントで設定。＊は残り全部。
<FRAMESET cols="数字または＊,数字または＊,...."></FRAMESET> ：横方向の分割。ピクセル値あるいはパーセントで設定。＊は残り全部。
<FRAME> ：一つのフレームを設定
<NOFRAMES></NOFRAMES> ：フレーム表示をサポートしていないブラウザーに対して表示する内容を設定。
src="ＵＲＬ" ：表示するＨＴＭＬファイルのＵＲＬ。
name="～" ：他のフレームからリンク出来るようにフレーム名を設定。
marginwidth=数字：フレームの左右マージン幅を設定。
marginheight=数字：フレームの上下マージン幅を設定。
scrolling=～：スクロール・バーを付けるかどうかの設定。～は、yes、no、auto。
noresize ：フレームのサイズを固定。

[PR]

フォーム: <FORM></FORM> ：フォームを作成。
<SELECT multiple name=～ size=メニュー数></SELECT> ：スクロールメニューを作成。
<SELECT name=～></SELECT> ：セレクトメニューを作成。
<OPTION> ：各のメニュー項目を作成。
<TEXTAREA name=～ cols=幅（ピクセル） rows=高さ（ピクセル）></TEXTAREA> ：テキストボックスを作成。
<INPUT type="checkbox" name=～>表示テキスト：チェックボックスを作成
<INPUT type="radio" name=～ value="x">表示テキスト：ラジオボタンを作成。
<INPUT type="text" name=～ size=文字の長さ> ：一行のテキスト表示部分を作成。
<INPUT type="button" value=表示テキスト> ：ボタンを作成。
<INPUT type="submit" value=表示テキスト> ：送信ボタンを作成。
<INPUT type="image" border=0 name=～ src=画像のＵＲＬ> ：画像を使った送信ボタンを作成。
<INPUT type="reset"> ：リセットボタンを作成。