| DTDについての解説 DTD=Document Type Definition(文章定義) | |
|---|---|
| DTDの違い | 書式と意味あい |
| HTML 4.0 Strick DTD |
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0//EN"> 廃止予定のタグや属性とフレーム関連以外が定義されてる |
| HTML 4.0 Transitional DTD | <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0Transitional//EN"> フレーム関連以外が定義される |
| HTML 4.0 Frameset DTD | <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0Frameset//EN"> すべてのタグ要素と属性が定義されてる。フレームを使う時の定義はこれ |
| HTML 2.0 (RFC1866) | <!DOCTYPE HTML PUBLIC"-//IETF//DTD HTML//EN"> または、 <!DOCTYPE HTML PUBLIC"-//IETF//DTD HTML 2.0//EN"> |
| HTML 2.x (RFC2070) | <!DOCTYPE HTML PUBLIC"-//IETF//DTD HTML i18n//EN"> |
| HTML 3.2 | <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 3.2Final//EN"> |
| HTML 4.01 | <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.01//EN" "http://www.3org/TR/html4/strict.dtd"> |
| XML1.0 | <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.3org/TR/xtml1/DTD/xhtml-strict.dtd"> |
| HTMLタグ一覧と属性 | |
|---|---|
| <HTML></HTML> | DTDの指定のあとに入力、そのページのHTML開始宣言で最後は</HTML>で終了を宣言します。 |
| <HEAD></HEAD> | HEAD情報を記述、ページのタイトル等をここに書きます。 |
| <TITLE></TITLE> | ステータスバーに入るタイトル等を書きます |
| <BODY></BODY> | これがペー ジの本体で、ページ構成を書く重要な部分 |
| BODY属性 | BODYの属性値 |
| background="URL" | 壁紙のURLを指定して 背景画像を入れます |
| bgcolor="色コード" | 背景色を指定します |
| text="色" | ページ内の文字色を指定します |
| link="色" | ページ内のリンク色を指定します |
| vlink="色" | すでにリンクした色の指定 |
| alink="色" | クリックした時の色の指定 |
| META | ページの情報を表示、HEADの中に埋め込みます。 |
| name="文字" | name="Author"は作成者名 name="Generator"は作成ソフト名 name="Description"はページ内容 name="Keywords"はページのキーワードで、検索エンジン で拾ってもらうためのキーワードです。 name="Robots"は検索(ロボット)の拒否などを表記。 |
| http-equive="文字" | nameの代わりに属性を指定。 http-equive="Content-Type"MIMEや文字コード http-equive="Content-Style-Type"スタイルの指定 http-equive="Content-Script-Type"スクリプトの指定 http-equive="Expires"ページの有効期限指定 http-equive="Refresh"ページのリロード(再読み込み間隔の指定) |
| content="文字" | 属性値を指定。大文字・小文字は区別されます。 |
| FONT属性 | FONTの属性値 |
| face="フォント名" | フォントの種類を指定 |
| size="1〜7" | 文字の大きさの指定で、＋‐を付ける事も出来ます。 |
| color="色" | 文字色の指定 |
| BASEFONT | 基準文字の種類・サイズ・色を指定します。 |
| B | 文字強調 |
| BIG | 文字強調 |
| EM | 文強調(ブラウザーにより表示が異なる) |
| STRONG | EMより強調しますが、ブラウザーにより表示が異なる。 |
| SMALL | 文字を小さくする |
| I | 斜体文字 |
| U | アンダーラインを引く |
| S | 消し線を引く |
| STRIKE | 消し線を引く |
| TT | 均等幅に文字を配置 |
| CENTER | 中央に内容を配置 |
| H1〜H6 | 上下に空白を空け文字強調。１が小さく６が大きい見出しになります。 |
| align="left" | 左寄せの見出し |
| align="center" | 真ん中寄せの見出し |
| align="right" | 右寄せの見出し |
| align="justify" | 両端が揃った見出し |
| P | １つの段落(上下に空白が空く) |
| align="left" | 左寄せ |
| align="right" | 右寄せ |
| align="center" | 真ん中寄せ |
| align="justify" | 両端揃え |
| PRE | 書いてあるまま表示、文字、タグ、改行、スペースに関わらず表示 |
| XMP | 書いてあるまま表示、タグは改行される |
| HR | 横にラインを引く |
| noshade | 黒い線が引かれる |
| size="ピクセル数" | サイズの指定 |
| width="ピクセルか％" | 幅の指定 |
| align="left" | 左寄せ |
| align="right" | 右寄せ |
| align="center" | 中央に配置 |
| BR | 改行、挿入箇所で強制的に改行される |
| clear="none" | 画像等への文字の回り込みを解除しない |
| clear="left" | 左端への文字回り込みの解除 |
| clear="right" | 右端への文字回り込みの解除 |
| clear="all" | 両側の対象への文字回り込みの解除 |
| BLOCKQUOTE | 引用の表示、長い文 章の時に使う |
| Q | 引用の表示、短い文章の時に使う |
| CITE | 引用文の参照先の表示 |
| SUP | これで囲まれた文が上がる |
| SUB | これで囲まれた文が下がる |
| DFN | 専門用語の定義であることの表示 |
| CODE | ソースコードであることの表示 |
| SAMP | 出力結果のサンプルであることの表示 |
| KBD | ユーザー入力箇所であることの表示 |
| VAR | 変数・引数であることの表示 |
| ABBR | 略語であることの表示 |
| title="省略無し" | 省略してないことの表示 |
| UL | 記号番号のリストの表示 |
| type="disc" | ●が行頭のリスト |
| type="circle" | ○が行頭のリスト |
| type="square" | □が行頭のリスト |
| OL | 数字番号のリスト |
| type="1" | 数字行頭のリスト |
| type="A" | 大文字英語の行頭 |
| type="a" | 小文字英語の行頭 |
| type="I" | 大文字ローマ字 |
| type="i" | 小文字ローマ字 |
| start="数字" | 行頭の開始番号指定 |
| LI | ULやOLの各項目を指定 |
| value="数字" | OLで使う項目番号指定 |
| DL | 定義リストの表示 |
| DT | 定義リストの項目表示で、用語名に使用 |
| DD | 定義リストの項目表示で、用語名に使用 |
| IMG | 画像配置タグで、形式は.JPG.GIF.PNG |
| src="画像URL" | 置いてある画像の場所を指定 |
| alt="文章" | 画像代わりの文章を書く |
| align="top" | 画像と文章を上端に揃える |
| align="middle" | 画像の中心と文章の基本線を揃える |
| align="bottom" | 画像の下端と文章の基本線を揃える |
| align="left" | 画像が左で文章が右に配置 |
| align="right" | 画像が右で文章が左に配置 |
| vspace="ピクセル" | 画像の上下にマージン |
| hspace="ピクセル" | 画像の左右にマージン |
| width="ピクセルか％" | 画像サイズの横幅指定 |
| height="ピクセルか％" | 画像サイズのタテ幅指定 |
| border="ピクセルか％" | 画像のフチの太さ指定で="0"でフチ無し |
| longdesc="URL" | altの代わりに内容説明の補足 |
| usemap="URL" | イメージマップの画像名指定 |
| ismap | サーバー使用のイメージマップ指定 |
| A | リンク設定記号タグ |
| href="URL" | リンク先のURL指定 |
| name="目的文のページURL" | リンクさせる目的文の参照先 |
| type="MIME形式" | リンク先のMIME形式指 定 |
| rel="リンク形式" | リンク前の文とリンク先の文の関係指定 |
| target="ターゲット名" | リンク先ページのフレーム名指定 |
| charset="文字コード" | リンク先の文字コード指定 |
| accesskey="文章" | リンクのアクセスキー指定 |
| tabindex="0〜32767" | タブキー移動の順番指定 |
| OBJECT | HTMLファイル・画像・動 画等の配置指定 |
| data="URL" | 置くオブジェクトのURL指定 |
| type="MIME形式" | 置くオブジェクトのMIME形式の指定 |
| name="オブジェクト名" | 置くオブジェクトの名前指定 |
| alt="代替え文" | 置くオブジェクトの代わりの文章 |
| align="top" | 置くオブジェクトの上端と文章を揃える |
| align="middle" | 置くオブジェクトの中心と文章を揃える |
| align="bottom" | 置くオブジェクトの下端と文章を揃える |
| align="left" | オブジェクトが左で文章が右の配置 |
| align="right" | オブジェクトが右で文章が左の配置 |
| hspace="ピクセル" | 上下にマージン |
| vspace="ピクセル" | 左右にマージン |
| width="ピクセルか％" | 置くオブジェクトの横幅指定 |
| height="ピクセルか％" | 置くオブジェクトのタテ幅指定 |
| border="ピクセルか％" | 置くオブジェクトのワク指定 |
| standby="文章" | 置くオブジェクト読み込み中に表示される文章指定 |
| usemap="オブジェクト名" | イメージマップに置くオブジェクトの名前指定 |
| MAP | IMGやOBJECTからusemapで示されたイメージマツプの表示 |
| name="マップ名" | イメージマップ名指定 |