HOME
http://net-koukoku.biz/
ＨＴＭＬタグ簡易リファレンス
| 基本構造 | ↑ページ先頭へ |
- 基本構造
-
● このページでは、ＨＴＭＬタグを大文字で、属性を小文字で表記していますが、実際には大文字小文字の区別は必要ありません。
● 終了タグが不要なものは開始タグのみ表記しています。
● ＩＥとＮＮ共通で一般的なタグのみ記載します。
<HTML>
<HEAD>
タイトル、ページ画面には表示されない情報
</HEAD>
<BODY>
ページ画面に表示されるドキュメント部分
</BODY>
</HTML>
| タグの一般的な属性 | ↑ページ先頭へ |
- タグの一般的な属性
-
● タグによっては指定しても意味を成さないものもあります。
class=～ ：クラス「～」を指定。
dir=～ ：文字の表示方向を指定。
id=～ ：ＩＤ「～」を指定。
lang= ：言語を指定。
style=～ ：スタイルシート「～」を指定。
title=～ ：マウスを重ねた時のポップアップタイトル「～」を指定。
width=～ ：幅を指定。
height=～ ：高さを指定。
| <HTML>～<HEAD>内のタグ。 | ↑ページ先頭へ |
- <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>の属性
-
<BODY bgcolor=ＲＧＢカラーナンバー> ：背景色。
<BODY background=画像のＵＲＬ> ：背景画像。
<BODY bgproperties=fixed> ：背景画像を固定。
<BODY text=ＲＧＢカラーナンバー> ：文字色。
<BODY link=ＲＧＢカラーナンバー> ：リンク色。
<BODY vlink=ＲＧＢカラーナンバー> ：開いた事があるリンクの色。
<BODY alink=ＲＧＢカラーナンバー> ：クリックした時のリンクの色。
| 文字と文章 | ↑ページ先頭へ |
- 文字と文章
-
<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> ：文章内の「～」にジャンプ。
| 範囲 | ↑ページ先頭へ |
- 範囲
-
<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...。
| 画像 | ↑ページ先頭へ |
- 画像
-
<IMG src=画像のＵＲＬ> ：画像を追加する。
alt=～ ：画像を表示できない時の代替テキスト。
align=～ ：画像を、右寄せ、左寄せ、中央寄せ、上寄せ、下寄せ、中寄せに配置。
border=～ ：画像の縁のサイズを設定。
galleryimg=no ：イメージツールバー（画像上にマウスポインタがある時に左上に表示される）を表示させない。
| 水平線 | ↑ページ先頭へ |
- 水平線
-
<HR> ：水平線を挿入。
<HR size=数字> ：水平線の高さを設定。
<HR noshade> ：陰なしの水平線を挿入。
| テーブル | ↑ページ先頭へ |
- テーブル
-
<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 ：フレームのサイズを固定。
| フォーム | ↑ページ先頭へ |
- フォーム
-
<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"> ：リセットボタンを作成。
前のページへ
