HTMLタグ早見表

HTMLタグの早見表です。概要や利用例を説明したページにリンクしています。又、必要に応じて更に使い方を詳細に説明したページにもリンクしています。

目次

 以下で表のヘッダをクリックする事でソート可能です。又、表の右上のボックスで検索も可能です。タグ名をクリックする事で説明のページを参照出来ます。

 文字が小さいと感じる方は「HTMLタグ一覧」をご参照下さい。

【HTMLタグ一覧】
区分 タグ 名前 ディスプレイ 概要
画像とリンク <a href> ハイパーリンク インライン リンクの挿入
画像とリンク <img> 画像の挿入 インライン 画像を表示
レイアウト <h1〜h6> 見出し ブロック 文字を大きく等見栄え変更
レイアウト <div> スタイル ブロック CSS指定のため利用
レイアウト <p> 段落 ブロック 文章の段落
レイアウト <pre> 整形済みテキスト ブロック 改行や半角スペースが記述通りに表示
レイアウト <span> スタイル インライン スタイル指定のため利用
レイアウト <br> 改行 インライン 改行する
レイアウト <hr> 水平線 ブロック 横棒のようなラインを引く
レイアウト <blockquote> 長文引用 ブロック 長文の引用を示し、余白を設けて表示
定義リスト <dd> 定義の説明文 - <dl>タグで囲まれた中に用語を説明
定義リスト <dl> 定義リスト ブロック 定義リスト全体を示す
定義リスト <dt> 用語の定義 - <dl>タグで囲まれた中に用語を定義
リスト項目 <li> リスト項目 - 項目を羅列してリスト表示
リスト項目 <ol> 番号付きリスト ブロック リスト項目で番号を付ける場合に利用
リスト項目 <ul> 番号無しリスト ブロック リスト項目で番号を付けない場合に利用
テーブル <caption> 表題 - 表の題を示す
テーブル <table> ブロック 表全体を示す
テーブル <tbody> 表の本文 - <table>タグの中で本文を示す部分をまとめる
テーブル <td> 表のデータ - <table>タグの中で使われ、表のデータを示す
テーブル <th> 表のヘッダ - <table>タグの中で使われ、表のヘッダを示す
テーブル <thead> 表のヘッダのまとめ - <table>タグの中でヘッダを示す部分をまとめる
テーブル <tr> 表の行 - <table>タグの中で使われ、行を示す
テキスト <big> 文字を大きく インライン 一回り文字を大きく表示
テキスト <small> 文字を小さく インライン 一回り文字を小さく表示
テキスト <b> 太字 インライン 太字で表示
テキスト <i> イタリック体 インライン イタリック体で表示
テキスト <sup> 上付き文字 インライン 通常の文字より小さく上の方に表示
テキスト <sub> 下付き文字 インライン 通常の文字より小さく下の方に表示
テキスト <em> 強調 インライン 通常は斜体で表示される
テキスト <strong> 強い強調 インライン 通常は太字で表示される
テキスト <address> 著者の情報 ブロック 著者の情報を示し、通常は斜体で表示
テキスト <del> 削除線 インライン 文字上に線が表示
テキスト <ins> 追加線 インライン アンダーラインが表示
テキスト <abbr> 略語 インライン 略語を示す
テキスト <q> 引用文 インライン 前後に"や「」が追加
テキスト <cite> 参考文献 インライン 通常は斜体で表示
テキスト <var> 変数 インライン 通常は斜体で表示
フォーム <form> フォーム ブロック 囲った中にフォーム部品を配置
フォーム <input> フォーム部品 インライン ボタン、テキスト等、様々な部品
フォーム <textarea> テキストエリア インライン 複数行のテキスト入力欄
フォーム <button> ボタン インライン 実行用のボタンを作成
フォーム <select> オプション選択 インライン optionで定義する複数の選択肢を表示
フォーム <option> オプション インライン selectを構成するオプション
ページ <html> ページ全体 - HTML文書である事を示す
ページ <head> HTMLヘッダー - HTMLヘッダーである事を示す
ページ <body> HTMLボディー - 本文部分である事を示す
ページ <meta> メタ情報 - 文字コード、ページの説明等
ページ <link rel> リンク指定 - CSSファイル、ファビコン指定等
ページ <title> タイトル - ページの題
フレーム <iframe> フレーム インライン ページ内にフレームを挿入
オブジェクト <object> オブジェクト インライン 動画等の挿入
オブジェクト <param> パラメータ - objectのパラメータを与える
スクリプト <script> JavaScript - JavaScriptを記述
  • このエントリーをはてなブックマークに追加