HTMLタグリファレンス【目的別一覧】

MENU
HTML基本構造
テキストの見た目
テキストの意味
改行
リスト
テーブル・表
見栄え
リンク
画像・動画・音楽
フレーム
レイヤー
入力・送信フォーム
スクリプト
ソースコードの表示
その他

NN独自・・・Netscape Navigator独自のタグ
IE独自・・・Internet Explorer独自のタグ

HTML基本構造

  • <!DOCTYPE> ………… ドキュメントタイプの宣言する
  • <HTML> ………… 要素の内容がHTMLであることを宣言する
  • <HEAD> ………… ページに関する情報を記述する部分
  • <META> ………… ページ全体に関する情報(メタデータ)を指定する
  • <TITLE> ………… ページのタイトルを設定する
  • <BODY> ………… ページに表示する内容を記述する部分
  • <H1>~<H6> ………… 見出しタグ
  • <P> ………… 段落を設定する

テキストの見た目

  • <FONT> ………… 文字の大きさ・色・フォントの種類を設定する(HTML5非採用)
  • <BASEFONT> ………… フォントの基準となるサイズ・色・種類を設定する(HTML5非採用)
  • <B> ………… 太字(bold)にする
  • <BIG> ………… テキストがひとまわり大きくなる(HTML5非採用)
  • <SMALL> ………… テキストがひとまわり小さくなる
  • <I> ………… 斜体文字(Italic)にする
  • <U> ………… テキストに下線をひく
  • <S> ………… 打消し線をひく
  • <STRIKE> ………… 打消し線をひく(HTML5非採用)
  • <TT> ………… テキストを等幅フォントにする(HTML5非採用)
  • <SUB> ………… 下付き文字で表示
  • <SUP> ………… 上付き文字で表示
  • <RB> ………… ルビをふる(IE独自)
  • <RP> ………… ルビを囲む記号を設定する(IE独自)
  • <RT> ………… ルビの内容を設定する(IE独自)
  • <RUBY> ………… ルビをふる語句・文字を設定する(IE独自)
  • <RTC> ………… 1つのテキストに複数のルビを適用する
  • <RBC> ………… ルビをふる文字をグループ化する
  • <BDO> ………… 文字を表示させる方向を設定する
  • <MARQUEE> ………… 文字をスクロール(流れ)させる(HTML5非採用)
  • <BLINK> ………… 文字を点滅させる(HTML5非採用・NN独自)

テキストの意味を示す

  • <EM> ………… 斜体文字で強調する
  • <STRONG> ………… 太字で強調する
  • <DFN> ………… 定義対象の用語を示す
  • <DEL> ………… 削除された部分を示す
  • <INS> ………… 追加された部分を示す
  • <ADDRESS> ………… 問合せ先・連絡先を示す
  • <BLOCKQUOTE> ………… 長い引用文ということを示す
  • <Q> ………… 短い引用文ということを示す
  • <CITE> ………… 情報源(参照・出典先)を示す
  • <ABBR> ………… 略語ということを示す
  • <ACRONYM> ………… 頭文字からの略語ということを示す(HTML5非採用)
  • <CODE> ………… ソースコードということを示す
  • <VAR> ………… 変数・引数ということを示す
  • <SAMP> ………… プログラム・スクリプトの出力サンプルを示す
  • <KBD> ………… キーボード入力ということを示す

改行

  • <BR> ………… テキストを改行する
  • <NOBR> ………… 改行を禁止する(HTML5非採用・NN独自)
  • <WBR> ………… <NOBR>内で改行する

リスト(箇条書き)

  • <OL> ………… 順序があるリスト(数字付き)
  • <OL type=""> ………… リストの項目番号の種類を変更
  • <OL start=""> ………… リストの開始番号の変更
  • <UL> ………… 順序のないリスト
  • <UL type=""> ………… リストのマークの種類を変える
  • <LI> ………… ul・olの項目
  • <LI value=""> ………… リストの連番を変更
  • <DL> ………… 用語と説明の定義リスト
  • <DT> ………… 定義語を示す
  • <DD> ………… 定義語(dt)の説明
  • <DIR> ………… リストの表示(HTML5非採用)
  • <MENU> ………… メニューリストの表示(HTML5非採用)

テーブル・表

見栄え(HTML5非採用)

  • <CENTER> ………… センタリング(中央表示)する
  • <SPACER> ………… スペースを入れる(NN独自)
  • <MULTICOL> ………… 段組み(NN独自)

リンク

  • <A> ………… 他のページにリンクする
  • <A href="#id"> ………… 同じページ内の特定位置へリンク
  • <A href="url#id"> ………… 他のページの特定位置にリンク
  • <A href="url" target=""> ………… リンク先を別ウィンドウに表示
  • <A href="mailto:"> ………… リンクを使ってメール送信
  • <BASE> ………… 基準となるURLを指定する(HTML5非採用)
  • <MAP> ………… 一つの画像上に複数のリンクを設定する
  • <AREA> ………… イメージマップのリンク領域を設定する
  • <LINK> ………… 指定した文書ファイルを参照する
  • <BODY link="" vlink="" alink=""> ………… リンク部分の文字色の設定
  • <FRAME src="" name=""> ………… リンク先のフレーム・ウィンドウを指定

画像・動画・音楽

  • <IMG> ………… 画像を表示
  • <IMG width="" height=""> ………… 画像の表示サイズを変更
  • <IMG border=""> ………… 画像の枠線を表示
  • <IMG align=""> ………… 画像とテキストの位置を指定
  • <IMG align=""> ………… 画像にテキストを回り込ませる
  • <BR clear=""> ………… 画像への回り込みを解除
  • <IMG vspace="" hspace=""> ………… 画像と回り込ませたテキストの間隔
  • <EMBED> ………… flash・動画・音声を埋め込む
  • <NOEMBED> ………… プラグインが利用できない場合の表示内容(HTML5非採用・NN独自)
  • <BGSOUND> ………… BGM・効果音を付ける(HTML5非採用・IE独自)
  • <OBJECT> ………… 色々な形式のデータを埋め込む
  • <APPLET> ………… javaアプレットを埋め込む(HTML5非採用)
  • <PARAM> ………… パラメータの設定

フレーム

  • <FRAMESET> ………… フレームでウィンドウを分割する(HTML5非採用)
  • <FRAME> ………… フレームに表示するページを設定(HTML5非採用)
  • <FRAME scrolling=""> ………… フレームのスクロールバーを表示・非表示
  • <FRAME noresize> ………… フレームの境界線を固定する
  • <FRAME margin> ………… フレーム内側の余白
  • <FRAME frameborder=""> ………… フレームの境界線を表示・非表示
  • <FRAMESET border=""> ………… フレームの境界線を完全に消す
  • <FRAMESET bordercolor=""> ………… フレームの境界線の色
  • <NOFRAMES> ………… フレームが表示されない環境に対処(HTML5非採用)
  • <IFRAME> ………… インラインフレームを作成する

レイヤー(HTML5非採用・NN独自)

  • <LAYER> ………… 絶対位置でレイヤーを表示
  • <ILAYER> ………… 相対位置でレイヤーを表示
  • <NOLAYER> ………… レイヤーが表示できない場合の設定

入力・送信フォーム

スクリプト

  • <SCRIPT> ………… HTMLにjavaスクリプトを組込む
  • <NOSCRIPT> ………… スクリプトが実行されない環境への対処

ソースコードの表示

  • <PRE> ………… 整形済みテキストとしてソースを表示
  • <PLAINTEXT> ………… ソースコードをそのまま表示(HTML5非採用)
  • <XMP> ………… ソースを入力したまま表示(HTML5非採用)
  • <LISTING> ………… タグを解釈してソースをそのまま表示(HTML5非採用)

その他

  • <STYLE> ………… CSS(スタイルシート)を記述する
  • <DIV> ………… 囲んだ部分をグループ化する(ブロック要素)
  • <SPAN> ………… 囲んだ部分をグループ化する(インライン要素)
  • <!-- --> ………… HTMLソース中にコメントを書く
  • <COMMENT> ………… ブラウザに表示されないコメントを付ける(HTML5非採用・IE独自)