HTMLタグリファレンス
ホームページ製作の基礎知識
HTMLとはハイパーテキスト・マークアップ・ランゲージ(HyperText Markup Language)の頭文字で、ウェブサイトを作成するための言語です。
基本タグ
| !DOCTYPE | |
|---|---|
| html | HTML文書であることを宣言する |
| head | 文書のヘッダ情報を表す |
| body | 文書の本体を表す |
| meta | その文書に関する情報(メタ情報)を指定する |
| title | 文書にタイトルをつける |
| link | 関連する文書ファイルを指定する |
| script | 文書にスクリプトを埋め込む |
| style | スタイルシートを記述する |
| a | リンクをはる、リンクの出発点・到達点を指定する |
レイアウト関連
| aside | 余談・補足情報のセクションであることを示す |
|---|---|
| header | ヘッダーの範囲を示す |
| footer | フッターの範囲を示す |
| main | メインコンテンツの範囲を示す。 |
| nav | ナビゲーションの範囲を示す |
| section | 一般的なセクションの範囲を示す |
| article | 記事であることを示す |
| div | ひとかたまりの範囲として定義する(ブロック要素) |
| span | ひとかたまりの範囲として定義する(インライン要素) |
| blockquote | 引用・転載であることを表す |
| center | センタリングする |
| details | 備考や操作手段などの詳細情報を示す |
| del | 削除された部分であることを示す |
| ins | 追加された部分であることを示す |
| hr | 横罫線を引く |
テーブル関連
| table | テーブル(表)を作成する |
|---|---|
| thead | テーブル(表)のヘッダ行を定義する |
| tbody | テーブル(表)のボディ部分を定義する |
| tfoot | テーブル(表)のフッタ行を定義する |
| colgroup | 表の縦列をグループ化する |
| col | 表の縦列の属性をまとめて指定する |
| caption | テーブル(表)にタイトルをつける |
| tr | テーブル(表)の横方向の一行を定義する |
| th | テーブル(表)の見出しセルを作成する |
| td | テーブル(表)のデータセルを作成する |
リスト関連
テキスト関連
| h1～h6 | 見出しを付ける |
|---|---|
| hgroup | 複数レベルの見出しを表します。 |
| p | ひとつの段落(パラグラフ)であることを表す |
| abbr | 略語(頭字語以外)であることを表す |
| acronym | 略語(頭字語)であることを表す |
| address | 連絡先・問合せ先を表す |
| b | テキストを太字にする |
| i | テキストを斜体(イタリック)にする |
| bdo | 文字表記の方向を指定する |
| basefont | テキストの基準サイズ・基準色・基準フォントを指定する |
| bdo | 文字表記の方向を指定する |
| big | テキストのサイズをひとまわり大きくする |
| br | 改行する |
| cite | 出典・参照先を表す |
| code | プログラムのソースコードであることを示す |
| dfn | 定義する用語を明示する |
| dir | 要素のテキストの書字方向を示す |
| em | 強調する |
| font | フォントの種類・大きさ・色を指定する |
| plaintext | ソースをそのまま表示する |
| pre | ソースを整形済みテキストとして表示する |
| q | 引用・抜粋であることを表す |
| s | 打ち消し線を引く |
| samp | プログラムによる出力結果のサンプルであることを示す |
| small | テキストのサイズをひとまわり小さくする |
| strike | 打ち消し線を引く |
| strong | 強調する |
| sub | 下付き文字を表示する |
| sup | 上付き文字を表示する |
| tt | 等幅フォントで表示する |
| u | テキストに下線(アンダーライン)を引く |
| var | 変数や引数であることを示す |
| xmp | ソースをそのまま表示する |
| listing | ソースをそのまま表示する(タグは解釈される) |
| kbd | キーボード入力される文字であることを示す |
フォーム関連
| form | 入力フォームを作る |
|---|---|
| input | フォームの構成部品(入力欄・ボタン等)を作成する |
| textarea | 複数行の入力フィールドを作成する |
| select | セレクトボックスを作成する |
| optgroup | セレクトボックスの選択肢をグループ化する |
| option | セレクトボックスの選択肢を指定する |
| button | フォームの送信ボタン・リセットボタンを作成する |
| fieldset | フォームの入力項目をグループ化する |
| label | フォーム部品と項目名(ラベル)を関連付ける |
| legend | フォームの入力項目グループにタイトルを付ける |
画像・メディア関連
| audio | 音声を再生する |
|---|---|
| canvas | 図形を描く |
| img | 画像を表示する |
| area | イメージマップの領域を設定する |
| map | ひとつの画像に複数のリンクを設定する(イメージマップ) |
その他
| noscript | スクリプトが動作しない環境用の表示内容を指定する |
|---|---|
| applet | JAVAアプレットを挿入する |
| object | 文書にデータを埋め込む |
| param | パラメータを指定する |
| bgsound | 効果音・BGMを鳴らす(IE独自の仕様) |
| blink | 文字を点滅させる(NN独自の仕様) |
| comment | HTMLソースをコメントにする(IE独自の仕様) |
| embed | プラグインデータを埋め込む(NN独自の仕様) |
| noembed | プラグインが利用できない環境用の表示内容を指定する(NN独自の仕様) |
| marquee | 文字をスクロールさせる(IE独自の仕様) |
| rb | ルビをふる文字を指定する(IEが独自に採用) |
| rp | ルビを囲む記号を指定する(IEが独自に採用) |
| rt | ルビの内容を指定する(IEが独自に採用) |
| ruby | ルビの範囲を指定する(IEが独自に採用) |
| ilayer | 相対位置にレイヤー表示する(NN独自の仕様) |
| layer | 絶対位置にレイヤー表示する(NN独自の仕様) |
| nolayer | レイヤーが利用できない環境用の表示内容を指定する(NN独自の仕様) |
| multicol | 段組する(NN独自の仕様) |
| nobr | 改行なしで表示する(NN独自の仕様) |
| wbr | NOBR内で改行しても良い位置を指定する(NN独自の仕様) |
| spacer | スペースを挿入する(NN独自の仕様) |
| base | 相対パスの基準URIを指定する |
| command | 操作メニューの各コマンドを指定する |
| datalist | 入力候補となるデータリストを定義する |
| frame | フレームに表示するファイルを指定する |
| frameset | ウィンドウをフレームに分割する |
| iframe | インラインフレームを作る |
| isindex | 検索キーワードの入力欄を作る |
| noframes | フレームが表示できない環境用の表示内容を指定する |