HTMLタグ一覧

  • <!doctype html>HTML文書の最初に記述する(閉じタグ無し)
  • <html>HTML文書の<!doctype html>以外の全体の部分(Hypertext Markup Languageの略)
    • <head>このページの情報を記述する(headは頭という意味)
      • <title>ページのタイトル
      • <meta>ページのメタデータ(閉じタグ無し)
      • <link>外部からのCSSなどを呼び出す(閉じタグ無し)詳しくはこちらへ
      • <style>ここにCSSを記述する
      • <base>基準URL
    • <body>ページの本文(bodyは体という意味)
      • <header>文章のヘッダー部分
      • <footer>文章のフッター部分
      • <article>記事になっているメインの部分
      • <aside>メインではない補足情報などの部分
      • <nav>ナビゲーション
      • <section>セクション
      • <h1>~<h6>見出し(hの後の数字が大きい方が大きい見出し)
      • <script>この中にjavascriptを記述する
      • <noscript>javascriptがオフになっている場合に表示する
      • <ul>箇条書きリスト(unordered listの略)
      • <ol>順番付きリスト(ordered listの略)
        • <li>リストの中の一つの項目(list itemの略)
      • <dl>定義リスト
      • <dt>定義リストの中の定義されるもの
      • <dd>定義リストの中の定義されるものの説明
      • <div>マークアップするための範囲指定(縦に重なっていく)
      • <span>マークアップするための範囲指定(横に重なっていく)
      • <p>段落
      • <hr>水平線を引く(閉じタグ無し)
      • <blockquote>引用している部分
      • <strong>強調詳しくはこちらへ
      • <em>強勢詳しくはこちらへ
      • <var>変数
      • <ins>追加された部分
      • <del>削除された部分
      • <sub>下付き文字
      • <sup>上付き文字
      • <time>時間
      • <br>改行
      • <code>プログラムなどのコード
      • <a>リンク
      • <address>連絡先など
      • <img>画像
      • <pre>改行やスペースを保持
      • <hgroup>見出しをグループ化
      • <i>斜体詳しくはこちらへ
      • <b>太字詳しくはこちらへ
      • <s>打ち消し線
      • <q>引用
      • <small>警告、免責事項など
      • <table>表
        • <thead>表のヘッダー
        • <tbady>表のボディー
          • <th>表の見出し
          • <tr>表の横の1行
          • <td>表のデータ
          • <col>表の縦の1行
          • <colgroup>表の縦1行をグループ化
        • <form>フォーム
          • <label>フォーム部品とラベルを中に書く
          • <input>フォームの入力部品(閉じタグ無し)
          • <option>セレクトボックスなどの選択肢を指定する
          • <select>セレクトボックス
          • <textarea>テキスト入力エリア
          • <fieldset>フォーム内の部品をまとめる
          • <legend>fieldsetにタイトルをつける
        • <figre>図表
        • <figcaption>図表のキャプション
        • <dfn>用語
        • <abbr>略語
        • <u>下線
        • <menu>メニュー
        • <command>コマンド
        • <details>詳細情報など
        • <summary>detailsの内容の概要
        • <meter>測定値
        • <progress>進行状況
        • <output>計算結果
        • <keygen>キー
        • <map>イメージマップ
        • <area>イメージマップのリンク領域
        • <source>メディアファイルの種類、URLを指定
        • <wbr>改行してもいい位置
        • <bdo>書く方向を決める
        • <bdi>書く方向を独立させる
        • <ruby>振り仮名
          • <rt>振り仮名のテキスト
          • <rp>振り仮名を囲む記号
        • <mark>目立たせる
        • <kbd>入力する内容
        • <samp>出力結果
        • <caption>キャプション
        • <canvas>図形を書く
        • <audio>音声
        • <video>動画
        • <iframe>インラインフレーム
        • <embed>データを埋め込む
        • <object>データを埋め込む
        • <param>パラメータ