アットウィキロゴ

お勉強メモ3-HTML XHTMLタグ覚書

◆TAG インデックス
http://www.tagindex.com/index.html

主なタグ

  • <head> → htmlやxhtmlの開始と終了に使用する。
  • <body> → ホームページの表示内容を書き込む。

ヘッダ関連のタグ

  • <title> → ページのタイトルを定義するタグ。
  • <base> → 文書中に存在するリンクに大してベース(基準を)作ります。文書を他のディレクトリに移動した場合でも、文書内のリンク(<a>タグのhref属性)を書き換えずに済みます。<base>タグには、href属性が必須で、このhref属性で指定したパスを最上位ディレクトリと見なして<a>タグのhref属性を記述します。その結果、<a>タグでのリンク先の指定は、<base>と<a>のhref属性の値を連結したものになります。
  • <meta> → 文字コードの指定や、検索エンジンにかかるキーワードの指定。
     http-equiv属性:ページに使われている言語の指定。
     name="keywords"属性:検索のキーワードを指定。
     name="description"属性:ページの説明を指定する。

  • <link> → 他の文書との関係を定義するタグ。
  • <style> →<style>タグはページの要素(タグで定義された箇所)に対してCSSなどのスタイルシートを定義するために使用されます。CSSについての詳細はCSSを参照してください。
  • <script> → JavaScriptなどのスクリプト言語を定義するために使用します。
  • <noscript> → スクリプトプログラムに対応していないブラウザに対して表示させる内容を定義する。

ボディ関連のタグ

  • <p> → パラグラフ(段落)を定義するタグ。
  • <div> → ディビジョン(セクション、1つの部分)の定義をするタグ。CSSを使って表示スタイルを明確にするために多用する。
  • <ul>と<li>タグ → リスト形式で表示する。<li>が中に入るネスト構造。
  • <ol>と<li>タグ → 番号付リスト形式で表示する。<li>が中に入るネスト構造。
  • <dl>と<dt><dd> → 見出し付リスト形式であることを定義。<dl>で囲い<dt>でリストの見出しを定義、<dd>で説明を定義。
  • <address> → 連絡先を示すタグ。多くのブラウザではこれを用いると斜体表示になる。
  • <cite> → 内容が引用であることを示すタグ。多くのブラウザで斜体表示になる。
  • <code> → プログラムのソースコードとして使用できる内容を示す。
  • <dfn> → 初登場の単語を示すのに使うタグ。多くのブラウザにおいて入力した単語をイタリック体で表示する。
  • <em> → 強調するテキストを示すのに使うタグ。多くのブラウザにおいて入力した単語をイタリック体で表示する。
  • <strong> → 強調するテキストをしてするタグ。<em>よりも強い強調を示し、多くのブラウザではボールド体で表示される。
  • <kbd> → キーボードから入力されるテキストであることを指定する。多くのブラウザでは、等幅フォントで表示される。
  • <var> → コンピュータ関連の説明タグで、ユーザーが入力すべき任意のテキストや値であることを定義する。

編集用タグ

  • <ins> → 新しく追加した文言であることを定義するタグ。
  • <del> → 削除したい部分であることを示すタグ。打ち消し線で表示されるタグ。

レイアウトタグ

  • <br> → 改行させるタグ。
  • <pre> → スペースや改行のレイアウトを保ったまま表示を行うタグ。プログラムのソースを表示するときなどに使用する。
  • <blockquote> → 囲まれたテキストには段落が取られ、左右に余白を持って表示される。

マルチメディアタグ

  • <img> → 画像を配置するタグ。src属性で配置、alt属性で説明文を表示。
  • <object> → 画像/サウンド/ムービーなどのマルチメディア要素やJavaアプレットを埋め込むためのもの。

リンクタグ

<a>アンカータグの属性タグ

  • <charset> → リンク先の文書で使用されている文字セットの指定を行う。
  • <type> → 対象となる対象のMIMEタイプ(ファイルの形式)を指定する。
  • <name> → <a>タグに任意の名前を付けることができる。ただし、同様の機能を持つ<id>タグのほうが、他の多くのタグで利用できるのでそちらのほうが良い。
  • <href> → 対象となるファイルへのパスを記述する。
  • <hreflang> → リンクファイル先の言語を指定する、日本語ならjpを指定する。
  • <rel><rev> → 対象となるファイルとの関係を指定する。rel属性は対象となるファイルへの関係で、rev属性は対象となるファイルからの関係を指定する。

リンクタグ2

  • <map> → イメージマップを定義する。1つの画像の中で複数のリンク先を指定できるもの。
  • <area> → イメージマップのリンク範囲を定義する。

テーブルタグ

  • <table> → テーブルの作成タグ。

テーブルにネストされるタグ。

  • <caption>タグ → tableの表題を定義。
  • <tr>と<td>タグ → テーブルに行=<tr>と列<td>を設定する。
  • <tr>と<th>タグ → thで指定したものは中央揃えで太字になる。
  • colspanとrowspan → tdかthの属性で、colspan列、rowspanは行のセルを結合できる。
  • <thead> → テーブルのヘッダ部を定義。
  • <tbody> → テーブルのボディ部を定義。
  • <tfoot> → テーブルのフッタ部を定義。
  • <colgroup> → テーブルの列グループを定義できる。
  • <col> → 列グループの中で列を定義する。

フォームタグ

  • <form> → フォームを定義し、どのようにデータを送信するかを定義する

フォームタグにネストされるタグ。

  • <input> → テキストボックスや送信ボタンなどのフォーム要素を定義する。
  • <textarea> → テキストエリアを定義するタグ。属性と合わせて使用方法は多岐にわたる。
  • <select> → 選択リストを定義する。プルダウンによるものと、スクロールによるものがある。
  • <botton> → ボタン要素を定義する。
  • <label> → フォーム要素にラベルを付ける。
  • <fieldset> → フォーム要素をグループ化する。
  • <legend> → グループ化されたフォームにラベルを付ける。

フォントスタイルのタグ

  • <b> → テキストをボールド体にする。
  • <big> → テキストを大きくする。
  • <i> → テキストをイタリック体にする。
  • <small> → テキストを小さくする。
  • <sub> → テキストを下付きにする。
  • <sup> → テキストを上付きにする。
  • <tt> → テキストをテレタイプ文字にする。




その他タグ



end
最終更新:2010年06月01日 18:23
ツールボックス

下から選んでください:

新しいページを作成する
ヘルプ / FAQ もご覧ください。