目的別索引

HTML4.01, XHTML1.0, XHTML1.1における各要素の役割を目的別(やりたいこと別)にリストアップした索引です。

ページ設定(Page Property)

HTML文書であることを定義 html要素
HTML文書に使用する言語を示す lang属性
HTML文書のテキストの書字方向を指定 dir属性
HTML文書に関する様々な情報を記述 head要素
HTML文書の主要部分を定義 body要素
HTML文書にタイトル(表題)をつける title要素
HTML文書に関する様々な情報(メタ情報)を示す meta要素
HTML文書の関連(リンク)性を定義 link要素
ページ全体の背景色を指定 bgcolor属性
ページ全体の背景となるイメージを指定 background属性
ページ全体の文字色の基本色を指定 text属性
ページ全体のリンク色の基本色を指定 link属性
ページ全体のアクティブリンク色の基本色を指定 alink属性
ページ全体の訪問済みリンク色の基本色を指定 vlink属性
ページに余白(マージン)を設ける topmargin属性 leftmargin属性

段落・区切り(Paragraph)

段落を定義 p要素
ブロックレベル要素のグループ化 div要素
インライン要素やテキストのグループ化 span要素
中央揃え(センタリング)表示 center要素
強制改行の指定 br要素
表示域にあわせた折り返しの禁止 nobr要素
強制改行する部分を指定 wbr要素
水平線(罫線)を引く hr要素

テキスト(Text)

文章としての見出しを定義 h1-h6要素
見出しの水平方向の揃え方を指定 h1-h6要素:align属性
文字の大きさを部分的に変える font要素:size属性
文字の色を部分的に変える font要素:color属性
文字を指定の種類(書体)で表示 font要素:face属性
テキストの大きさ・色・書体の基本設定 basefont要素
テキストの拡大・縮小表示 big要素 small要素
テキストの太字・斜体表示 b要素 i要素
テキストを論理的に強調する em要素 strong要素
テキストを等幅フォントで表示 tt要素
数式や化学式の上付き・下付き文字 sup要素 sub要素
削除・挿入の明示 del要素 ins要素
引用・参照元を示す cite要素
プログラムコードであることを示す code要素
キーボードから入力するテキストを示す kbd要素
プログラムの変数・引数であることを示す var要素
プログラムやスクリプトの出力結果であることを示す samp要素
引用文を示す blockquote要素 q要素
文章が整形済みであることを示す pre要素
文字にルビ(振り仮名)をふる ruby要素
マーキー(スクロール文字)の表示 marquee要素
テキストの書字方向を強制的に変更 bdo要素
省略語や頭字語を定義する abbr要素 acronym要素
文書制作者・管理者への連絡先を示す address要素
補足説明をつける title属性

リスト(List)

箇条書き(記号付き)リストの作成 ul要素
箇条書きリストのマークを指定 ul要素:type属性
番号順リストの作成 ol要素
番号順リストの数値タイプを指定 ol要素:type属性
番号順リストの開始数値を指定 li要素:start属性
定義型(説明付き)リストの作成 dl要素

オブジェクト(Object)

イメージを貼り込む img要素
イメージの代替テキストを設定 img要素:alt属性
イメージのサイズを指定 height属性 width属性
イメージの配置を指定 img要素:align属性
イメージの回り込みを解除 br要素:clear属性
Javaアプレットを埋め込む applet要素
オブジェクト(プラグインデータ)を埋め込む obejct要素
オブジェクトやアプレットの実行に必要な値の設定 param要素
音声・動画データを埋め込む embed要素
効果音(バックグラウンドミュージック)を設定 bgsound要素

リンク(Link)

文字やイメージ、ファイルにリンクのアンカーを設定する a要素
リンク先を表示するフレーム(ウインドウ)を指定 a要素:target属性
ページ内の指定箇所に移動(ジャンプ) a要素:name属性
イメージにリンクをかけた際の枠を消す img要素:border属性
一枚のイメージに複数のリンクを設定する map要素
当該文書の基準となる相対URI を指定する base要素
アクセスキー(ショートカットキー)を設定する accesskey属性
Tab の移動の順番を指定する tabindex属性

テーブル(Table)

テーブル(表)の作成 table要素
テーブル(表)の外枠を表示 table要素:border属性
テーブル(表)のセル(枡目)間の間隔を指定 table要素:cellspacing属性
テーブル(表)のセル(枡目)内の余白を指定 table要素:cellpadding属性
テーブル(表)全体のサイズを指定 height属性 width属性
テーブル(表)にキャプションをつける caption要素
テーブル(表)のセル(桝目)を作成する tr要素
テーブル(表)のセル(桝目)を作成 td要素
テーブル(表)の見出しセルを作成 th要素
セル(枡目)内テキストの折り返しを禁止 td要素:nowrap属性
セル(枡目)のサイズを指定 height属性 width属性
セル(枡目)内のテキストやイメージの水平方向の揃え方を指定 td要素:align属性
セル(枡目)内のテキストやイメージの垂直方向の揃え方を指定 td要素:valign属性
セル(枡目)の背景色を指定 td要素:bgcolor属性
セル(枡目)の背景となるイメージを指定 td要素:background属性
複数行のセルを縦方向に連結 td要素:rowspan属性
複数行のセルを横方向に連結する td要素:colspan属性
テーブル(表)の列にまとめて属性をつける col要素
テーブル(表)の列をグループ化 colgroup要素
テーブル(表)の行をグループ化 tbody要素 thead要素 tfoot要素

フレーム(Frame)

フレームページを作成 frameset要素
フレームの境界線の有無を指定 frame要素:frameborder属性
フレームの境界線の太さを指定 frameset要素:border属性
フレームページのスクロールを指定 frame要素:scrolling属性
フレームサイズの変更を禁止 frame要素:noresize属性
フレームページの余白を指定 marginheight属性 marginwidth属性
フレーム非対応環境の代替テキストを指定 noframes要素
インラインフレームを作成 iframe要素

フォーム(Form)

フォームを作成 form要素
フォームで送るデータ形式を指定 form要素:enctype属性
テキスト入力欄を作成 input要素:type属性
複数行のテキスト入力欄を作成 textarea要素
チェックボックスを作成 input要素:type属性
ラジオボタンを作成 input要素:type属性
パスワード入力欄を作成 input要素:type属性
ファイル参照欄を作成 input要素:type属性
プルダウンメニューを作成 select要素
選択メニューを作成 select要素:size属性
ブラウザに表示されない隠し項目を設定 input要素:type属性
送信ボタン・リセットボタンを作成 input要素:type属性
送信ボタンにイメージを表示 input要素:type属性
汎用押しボタンを作成 button要素

スタイルシート(Style Sheet)

head要素内に制作者スタイルシートを組み込む style要素
外部から制作者スタイルシートを参照する link要素:rel属性
ある要素に対して直接スタイルを適用させる style属性

スクリプト(Script)

スクリプトを記述 script要素
外部からスクリプト情報を参照 script要素:src属性
スクリプトの代替内容を指定 noscript要素
要素にイベント属性(イベントハンドラ)をつける イベント属性
Updated / Published