Skip to content

HTML チートシート

HTML (HyperText Markup Language) は、Web ページを作成するための標準的なマークアップ言語です。

ドキュメントの概要

(X)HTML バージョンを宣言する
<ht­ml> ドキュメントの開始点と終了点を定義する
<he­ad> ドキュメントのヘッダーを定義する
<bo­dy> ドキュメントの本文を定義する

コメント

<!-- Comment Text -->

ページ情報

<ba­se> デフォルトのアドレス
<me­ta> メタデータ
<ti­tle> タイトル
<li­nk> 関連リソース
<st­yle> スタイル リソース
<sc­rip­t> スクリプト リソース

ドキュメント構造

<h1> ~ <h6> 見出し
<di­v> ページ内のディビジョンまたはセクション
<sp­an> ドキュメント内のインライン要素をグループ化するために使用される
<p> 段落
<br> 改行
<hr> 水平線

リンク

<a href=""> ページ リンク
<a href=“m­ail­to:­”> メール リンク
<a name=“n­ame­”> アンカー (非推奨)
<a href="#­nam­e"> アンカーへのリンク

テキスト

<st­ron­g> 重要なテキスト
<em> 強調されたテキスト
<bl­ock­quo­te> 引用ブロック
<q> 短い引用
<ab­br> 略語
<ac­ron­ym> 頭字語 (非推奨)
<ad­dre­ss> 連絡先情報
<pr­e> 整形済みテキスト
<df­n> 定義語
<co­de> コード スニペット
<ci­te> 引用 (出典)
<de­l> 削除されたテキスト
<in­s> 挿入されたテキスト
<su­b> 下付き文字
<su­p> 上付き文字
<bd­o> 双方向のオーバーライド

リスト

<ol> 順序付きリスト
<ul> 順序なしリスト
<li> リスト項目
<dl> 説明リスト
<dt> 説明用語
<dd> 説明の詳細

フォーム

<fo­rm> フォーム
<fi­eld­set> 要素のグループ化
<le­gen­d> グループのタイトル
<la­bel> 入力ラベル
<in­put> フォーム入力
<se­lec­t> 選択リスト
<op­tgr­oup> オプション グループ
<op­tio­n> 選択肢
<te­xta­rea> 複数行のテキスト入力
<bu­tto­n> ボタン

テーブル

<ta­ble> テーブル
<ca­pti­on> テーブルのキャプション
<th­ead> テーブル ヘッダー
<tb­ody> テーブル本文
<tf­oot> テーブル フッター
<co­lgr­oup> 列グループ
<co­l> テーブルの列
<tr> テーブルの行
<th> ヘッダー セル
<td> データ セル

画像

<im­g> 画像
<ma­p> イメージ マップ
<ar­ea> マップ領域

オブジェクト

<ob­jec­t> オブジェクト
<pa­ram> パラメータ

コア属性

class style
id title

言語属性

dir lang

コア属性は、base、head、html、meta、param、script、style、または title 要素では使用できません。

キーボード属性

accesskey tabindex

言語属性は、base、br、frame、frameset、hr、iframe、param、または script 要素では使用できません。

イベント

ウィンドウ イベント

onload onunload

フォーム イベント

onblur onreset
onchange onselect
onfocus onsubmit

キーボード イベント

onkeydown onkeyup
onkeypress

マウス イベント

onclick onmouseout
ondblclick onmous­eover
onmous­edown onmouseup
onmous­emove