基本的なＨＴＭＬタグの早見表
| 構造 | テキスト | リスト | リンク | 画像 | イメージマップ | 表 | フレーム | フォーム | ＭＥＴＡ | スタイルシート | 特殊記号 |
| 構造 | |||
| 働き | 開始タグ | 属性 | 終わりタグ |
| ＨＴＭＬ | <HTML> | 無し | </HTML> |
| ヘッダ | <HEAD> | 無し | </HEAD> |
| タイトル | <TITLE> | 無し | </TITLE> |
| コメント | <!-- | 無し | --> |
| ボディ | <BODY> |
BACKGROUND="背景画像のファイル名" BGCOLOR="背景の色" TEXT="テキストの色" LINK="リンクの色" VLINK="訪れた事があるリンクの色" ALINK="リンク中の色" |
</BODY> |
TOP
| テキスト | |||
| 働き | 開始タグ | 属性 | 終わりタグ |
| 強制改行 | <BR> | CLEAR="left/right/all" | 無し |
| 段落 | <P> | ALIGN="center/right" | </P> (オプション) |
| 太字 | <B> | 無し | </B> |
| イタリック体 | <I> | 無し | </I> |
| 等幅フォント | <TT> | 無し | </TT> |
| 見出し | <H1>〜<H6> | ALIGN="center/right" | </H1>〜</H6> |
| フォント | <FONT> |
FACE="フォント名,フォント名" SIZE="+/-1..." COLOR="色名" |
</FONT> |
| 罫線 | <HR> |
SIZE="サイズ" WIDTH="幅" NOSHADE |
無し |
| 引用 | <BLOCKQUOTE> | 無し | </BLOCKQUOTE> |
| 範囲 | <DIV> | ALIGN="left/center/right" | </DIV> |
TOP
| リスト | |||
| 働き | 開始タグ | 属性 | 終わりタグ |
| マーク付きリスト | <UL> | TYPE="disc/circle/square" | </UL> |
| 番号順リスト | <OL> |
TYPE="I/A/1/a/i" START="1/A/..." |
</OL> |
| リスト項目 | <LI> | TYPE="all" | 無し |
| 定義型リスト | <DL> | 無し | </DL> |
| 定義型リスト項目 | <DT> | 無し | 無し |
| 定義型リスト項目説明 | <DD> | 無し | 無し |
TOP
| リンク | |||
| 働き | 開始タグ | 属性 | 終わりタグ |
| リンク | <A> |
HREF="リンク先ファイル名" HREF="#リンク先マーク名" TARGET="リンク先ウィンドウ名" |
</A> |
| リンク先マーク | <A> | NAME="マーク名" | </A> |
TOP
| 画像 | |||
| 働き | 開始タグ | 属性 | 終わりタグ |
| 画像 | <IMG> |
SRC="画像ファイル名" ALIGN="left/right" WIDTH="横幅" HEIGHT="高さ" ALT="代替え文字" ISMAP USEMAP="#イメージマップ名" |
無し |
TOP
| イメージマップ | |||
| 働き | 開始タグ | 属性 | 終わりタグ |
| イメージマップ設定 | <MAP> | NAME="イメージマップ名" | </MAP> |
| 領域設定 | <AREA> |
SHAPE="rect/circle/poly/point" COORDS="X,Y,X,Y" HREF="画像ファイル名" |
無し |
TOP
| 表 | |||
| 働き | 開始タグ | 属性 | 終わりタグ |
| 表 | <TABLE> |
BORDER="枠の太さ" WIDTH="横幅" CELLSPACING="罫線の太さ" CELLPADDING="罫線テキストの間隔" BGCOLOR="背景色" |
</TABLE> |
| 行 | <TR> |
ALIGN="left/center/right" VALIGN="top/middle/bottom" BGCOLOR="背景色" |
</TR> |
| データ | <TD> |
ALIGN="left/center/right" VALIGN="top/middle/bottom" WIDTH="横幅" NOWRAP COLSPAN="セル幅" ROWSPAN="セル高さ" BGCOLOR="背景色" |
</TD> |
| 項目 | <TH> |
ALIGN="left/center/right" VALIGN="top/middle/bottom" WIDTH="横幅" NOWRAP COLSPAN="セルの横幅" ROWSPAN="セルの縦幅" bgcolor="背景色" |
</TH> |
| 表題 | <CAPTION> |
ALIGN="left/center/right" VALIGN="top/middle/bottom" |
</CAPTION> |
TOP
| フレーム | |||
| 働き | 開始タグ | 属性 | 終わりタグ |
| フレーム設定 | <FRAMESET> |
COLS="カラム数/パーセンテージ/*" ROWS="行数/パーセンテージ/*" |
</FRAMESET> |
| フレーム | <FRAME> |
SRC="ファイル名" NAME="フレーム名" NORESIZE SCROLL="auto/yes/no" MARGINWIDTH="幅マージン数" MARGINHEIGHT="高さマージン数" |
無し |
| BASE | <BASE> |
TARGET="リンク先ファイル名"/ "_self/ _top/ _parent" (要アンダースコア) |
無し |
| 非フレーム時の表示 | <NOFRAMES> | 無し | </NOFRAMES> |
TOP
| フォーム | |||
| 働き | 開始タグ | 属性 | 終わりタグ |
| フォーム | <FORM> |
METHOD="get/put" ACTION="プログラム名" |
</FORM> |
| 入力 | <INPUT> |
NAME="variablename" TYPE="text/password/ checkbox/radio/submit/ reset/image" |
無し |
| プルダウンメニュー | <SELECT> |
NAME="名前" SIZE="表示行数" MULTIPLE |
</SELECT> |
| オプション | <OPTION> | 無し | 無し |
| 複数行のテキスト入力 | <TEXTAREA> |
NAME="テキスト名" ROWS="行数" COLS="カラム数" |
</TEXTAREA> |
TOP
| ＭＥＴＡ | |||
| 働き | 開始タグ | 属性 | 終わりタグ |
| ＭＥＴＡ |
<META> |
HTTP-EQUIV="refresh" CONTENT="秒数, ファイル名" |
無し |
| ＭＥＴＡ |
<META> |
NAME="keywords/description/author/ generator/abstract/expiration" content="説明" |
無し |
TOP
| スタイルシート | |||
| 働き | 開始タグ | 属性 | 終わりタグ |
| スタイルの設定 | <STYLE> | TYPE="text/css" | </STYLE> |
| 外部スタイルシートへのリンク | <LINK> |
REL="スタイルシート名" TYPE="text/css" HREF="URL" |
無し |
| SPAN | <SPAN> | STYLE="プロパティ:値;" | </SPAN> |
TOP
| 特殊記号 | ||
| 記号名 | 記号 | 表記 |
| ＆ | & | & |
| " | " | " |
| ＜ | > | > |
| ＞ | < | < |
| スペース |
|
|
| 構造 | テキスト | リスト | リンク | 画像 | イメージマップ | 表 | フレーム | フォーム | ＭＥＴＡ | スタイルシート | 特殊記号 |