HTML (HyperText Markup Language) はホームページ(Web サイト)を記述する際に使われるタグ付き文章です。このドキュメントでは HTML 文書について解説します。

タグ一覧

HTMLタグの一覧を示す。

HTMLの要素(タグ)
分類 要素 説明
ルート要素 html HTML文書のルート要素
文書メタデータ head HTML文書のヘッダ
title HTML文書のタイトル
base リンク先のベースターゲット
link リンク
meta HTML文書のメタ情報
style スタイル
セクション body HTML文書の本体
article 記事を表す。
section セクション
nav ナビゲーション
aside 補足情報を表す。
h1, h2, h3, h4, h5, h6 見出し(heading)
header ヘッダ
footer フッタ
address 住所
グルーピングコンテンツ p 段落 (paragraph)
hr 水平線
pre 整形済みテキスト(preformatted text)
blockquote 引用
ol 順序リスト(ordered list)
ul 順不同リスト(unordered list)
dl 定義リスト(definition list)
figure 図とキャプション
div 区画(division)
テキストレベルセマンティック a アンカー (anchor)
em 強調(emphasis)
strong 強調
small 小さい文字
s 下線
cite 参考文献(citation)
q 引用(quotation)
dfn 定義(definition)
abbr 単語の頭文字からなる略語(abbreviation)
code プログラムコード
var 変数(variable)
samp サンプル(sample)
kbd キーボード(keyboard)から入力する文字列
sub 下付き文字列(subscript)
sup 上付き文字列(superscript)
i イタリック(italic)
b 太字(bold)
u 下線(underline)
mark 文字列のハイライト
ruby ルビ
rb ルビ
rt ルビ
bdo 文章の流れる方向
span インライン要素
br 改行(break)
wbr 単語の区切り(word break)
編集 ins 挿入 (insert)
del 削除 (delete)
埋め込みコンテンツ img HTML文書に画像(image)を埋め込む。
iframe インラインフレーム(inline frame)
embed プラグインデータの埋め込み
object 汎用オブジェクト
video 動画
audio 音声
map マップ
area エリア
math 数式
svg SVG画像
テーブルデータ table 表(table)
フォーム form フォーム
label ラベル
input 入力フィールド
button ボタン
select 選択
datalist 入力項目の候補となるデータのリスト
option SELECTの選択肢
textarea テキストエリア
keygen フォームデータ送信時にキーを生成する
output
meter メーターを表示する。
progress 進行状況
fieldset フォームの中の部品をグループ化
スクリプティング script スクリプト
noscript Webブラウザがスクリプトをサポートしていない場合に表示する内容
canvas 図形を描く
W3C非標準の要素 nobr 改行禁止(no break)

廃止されたHTMLタグ

次のHTML要素タイプ(タグ)は既に廃止されている。ウェブブラウザでは引き続きサポートされている場合もあるが、これから作成するHTML文書で使うべきではない。

廃止されたHTMLタグ
要素タイプ 説明
ACRONYM 単語の頭文字からなる略語
APPLET Javaアプレット
BASEFONT このタグ位置以降の文字の大きさや色、フォント(書体)を指定
BIG 文字を大きくする
CENTER 水平方向で中央に要素を配置
DIR ディレクトリリスト
FONT フォント(書体)を指定
FRAME フレーム
FRAMESET 画面をフレームで分割する
NOFRAMES フレームに対応していないブラウザで表示するもの
STRIKE 打ち消し線
TT 等幅フォント (teletype)

属性

HTMLのタグには属性を指定することができる。

<html lang="ja">

どのような属性を指定できるのかは、タグの種類によって異なる。

HTMLタグに指定できる属性の一覧を示す。

HTMLタグの属性
属性 説明
id 要素の識別子
class CSSのクラス
style CSSのプロパティ
title タイトル
lang 言語
dir 文章の流れる方向
onclick マウスのボタンをクリックしたときに実行されるJavaScript
oncontextmenu マウスの右ボタンをクリックしたときに実行されるJavaScript
ondblclick マウスのボタンをダブルクリックしたときに実行されるJavaScript
onmousedown マウスのボタンを押下したときに実行されるJavaScript
onmouseup マウスのボタンを押下した後で離すときにきに実行されるJavaScript
onmouseover マウスのカーソルを乗せたときに実行されるJavaScript
onmousemove マウスのカーソルを要素内で動かしたときに実行されるJavaScript
onmouseout マウスのカーソルを要素内から要素外へ動かしたときに実行されるJavaScript
onkeypress キーを押した後で離したときに実行されるJavaScript
onkeydown キーを押したときに実行されるJavaScript
onkeyup キーを離したときに実行されるJavaScript
onfocus 要素がフォーカスを得たときに実行されるJavaScript
onblur 要素がフォーカスを失ったときに実行されるJavaScript
onselect テキストが(部分的にでも)選択されたときに実行されるJavaScript