HTML チートシート

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

ドキュメントの概要


	(X)HTML バージョンを宣言する
<html>	ドキュメントの開始点と終了点を定義する
<head>	ドキュメントのヘッダーを定義する
<body>	ドキュメントの本文を定義する

<!-- Comment Text -->

ページ情報


<base>	デフォルトのアドレス
<meta>	メタデータ
<title>	タイトル
<link>	関連リソース
<style>	スタイルリソース
<script>	スクリプトリソース

ドキュメント構造


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

リンク


<a href="">	ページリンク
<a href=“mailto:”>	メールリンク
<a name=“name”>	アンカー (非推奨)
<a href="#name">	アンカーへのリンク

テキスト


<strong>	重要なテキスト
<em>	強調されたテキスト
<blockquote>	引用ブロック
<q>	短い引用
<abbr>	略語
<acronym>	頭字語 (非推奨)
<address>	連絡先情報
<pre>	整形済みテキスト
<dfn>	定義語
<code>	コードスニペット
<cite>	引用 (出典)
<del>	削除されたテキスト
<ins>	挿入されたテキスト
<sub>	下付き文字
<sup>	上付き文字
<bdo>	双方向のオーバーライド


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

フォーム


<form>	フォーム
<fieldset>	要素のグループ化
<legend>	グループのタイトル
<label>	入力ラベル
<input>	フォーム入力
<select>	選択リスト
<optgroup>	オプショングループ
<option>	選択肢
<textarea>	複数行のテキスト入力
<button>	ボタン

テーブル


<table>	テーブル
<caption>	テーブルのキャプション
<thead>	テーブルヘッダー
<tbody>	テーブル本文
<tfoot>	テーブルフッター
<colgroup>	列グループ
<col>	テーブルの列
<tr>	テーブルの行
<th>	ヘッダーセル
<td>	データセル

画像


<img>	画像
<map>	イメージマップ
<area>	マップ領域

オブジェクト


<object>	オブジェクト
<param>	パラメータ

コア属性


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	onmouseover
onmousedown	onmouseup
onmousemove