ウェブランサー

HTMLタグの早見表/HTMLタグカンニングシート

ドキュメントタイプ、基本要素、ヘッダー情報

タグ名 タイプ 扱い 説明
<!DOCTYPE> - 標準 ドキュメントタイプの宣言
<html> - 標準 HTML文書の開始宣言
<head> - 標準 ヘッダー情報
<meta> - 標準 ドキュメントについてのメタ情報
<title> - 標準 ページのタイトルを指定
<style> - 標準 スタイルシートを指定する
<link> - 標準 関連するファイルをリンクする
<base> - 標準 ページの基準となるURLを指定する
<body> - 標準 ページ本体の表示領域

見出し、段落、要素

タグ名 タイプ 扱い 説明
<h1>~<h6> ブロックレベル 標準 見出しを指定する
<p> ブロックレベル 標準 段落を指定する
<div> ブロックレベル 標準 ブロックレベル要素としての範囲を指定
<span> インライン 標準 インライン要素としての範囲を指定
<hr> ブロックレベル 標準 区切り線(罫線)を引く
<pre> ブロックレベル 標準 ソースを整形済みテキストとして表示する
<center> ブロックレベル 非推奨 センタリングする
<spacer> ブロックレベル 特殊 スペースを挿入する(NN独自)
<listing> ブロックレベル 廃止 タグを解釈し、ソースをそのまま表示する
<plaintext> インライン 廃止 ソースをテキストとしてそのまま表示する
<xmp> ブロックレベル 廃止 ソースをそのまま表示する

文字の表現指定

タグ名 タイプ 扱い 説明
<br> インライン 標準 改行を行う
<b> インライン 標準 文字を太文字にする
<i> インライン 標準 文字を斜体(イタリック)にする
<big> インライン 標準 文字をひと周り大きく表示する
<small> インライン 標準 文字をひと周り小さく表示する
<tt> インライン 標準 文字を等幅フォントで表示する
<sub> インライン 標準 下付き文字として表示する
<sup> インライン 標準 上付き文字として表示する
<bdo> インライン 標準 文字の表記方向を指定する
<font> インライン 非推奨 フォントの色や大きさを変える
<u> インライン 非推奨 文字に下線(アンダーライン)を引く
<strike> <s> インライン 非推奨 文字列に打ち消し線を引く
<basefont> インライン 非推奨 文字の基準となるサイズ、色、フォントの指定
<blink> インライン 特殊 文字を点滅させる(NN独自)
<marquee> インライン 特殊 文字列をスクロールさせる(IE独自)
<rb> インライン 特殊 ルビをふる文字を指定する(IE独自)
<rp> インライン 特殊 ルビを囲む記号を指定する(IE独自)
<rt> インライン 特殊 ルビの内容を指定する(IE独自)
<ruby> インライン 特殊 ルビの範囲を指定する(IE独自)
<nobr> インライン 特殊 自動改行をしない(NN独自)
<wbr> インライン 特殊 <nobr>内での改行位置の指定(NN独自)

文字の意味付け

タグ名 タイプ 扱い 説明
<em> インライン 標準 強調する
<strong> インライン 標準 強調する(重要な文字として扱う)
<dfn> インライン 標準 定義用語として扱う
<del> - 標準 削除された部分として扱う(打ち消し線)
<ins> - 標準 新たに追加された部分として扱う
<address> ブロックレベル 標準 連絡先(問い合わせ先)として扱う
<blockquote> ブロックレベル 標準 引用文であることを表す(長文用)
<q> インライン 標準 引用文であることを表す(短文用)
<cite> インライン 標準 出典先、参照先を表す
<code> インライン 標準 プログラムやスクリプトとして扱う
<var> インライン 標準 変数や引数として扱う
<samp> インライン 標準 プログラムによる出力結果のサンプルとして扱う
<kbd> インライン 標準 キーボード入力される文字であることを示す
<acronym> インライン 標準 略語(頭字語)であることを表す
<abbr> インライン 標準 略語(頭字語以外)であることを表す

リンク

タグ名 タイプ 扱い 説明
<a> インライン 標準 リンクを指定する
<map> インライン 標準 一つの画像に対して複数のリンクを設定する
<area> - 標準 イメージマップの領域を指定する

画像やオブジェクトの配置

タグ名 タイプ 扱い 説明
<img> インライン 標準 画像を表示する
<object> インライン 標準 FLASHやデータを埋め込む
<param> - 標準 パラメーターを指定する
<applet> インライン 非推奨 JAVAアプレットを埋め込む
<embed> インライン 特殊 プラグインデータを埋め込む(NN独自)
<noembed> インライン 特殊 プラグインが利用できない環境の表示(NN独自)
<bgsound> - 特殊 効果音やバックミュージックを鳴らす(IE独自)

リスト

タグ名 タイプ 扱い 説明
<ol> ブロックレベル 標準 順序のあるリストを定義する
<ul> ブロックレベル 標準 順序のないリストを定義する
<li> - 標準 リストの項目を表示する
<dl> ブロックレベル 標準 定義リストであることを表す
<dt> - 標準 定義する用語を表す
<dd> - 標準 定義した用語の説明を記述する
<dir> ブロックレベル 非推奨 リストを表示する
<menu> ブロックレベル 非推奨 リストをメニューとして扱う

テーブル

タグ名 タイプ 扱い 説明
<table> ブロックレベル 標準 テーブル(表)を作成する
<tr> - 標準 テーブル(表)の横一行を定義する
<th> - 標準 テーブル(表)の見出しとなるセルを作成
<td> - 標準 テーブル(表)のセルを作成
<caption> - 標準 テーブル(表)にタイトルを付ける
<thead> - 標準 テーブル(表)のヘッダ行を定義する
<tfoot> - 標準 テーブル(表)のフッタ行を定義する
<tbody> - 標準 テーブル(表)のボディ部分を定義する
<col> - 標準 テーブル(表)の縦列の属性をまとめて指定する
<colgroup> - 標準 テーブル(表)の縦列をグループ化する
<multicol> - 特殊 段組する(NN独自)

フォーム

タグ名 タイプ 扱い 説明
<form> ブロックレベル 標準 フォームを作成する
<input> インライン 標準 フォームを構成する部品を作成する
<textarea> インライン 標準 複数行のテキストエリアを作成
<select> インライン 標準 セレクトボックスを作成する
<option> - 標準 セレクトボックスの選択肢を作成する
<optgroup> - 標準 セレクトボックスの選択肢をグループ化
<fieldset> ブロックレベル 標準 フォームの入力項目をグループ化する
<legend> - 標準 入力項目グループにタイトルを付ける
<label> - 標準 フォームの入力項目と項目名を関連付ける

フレーム

タグ名 タイプ 扱い 説明
<frameset> - 標準 ウィンドウを分割する
<frame> - 標準 フレームに表示するファイルを指定する
<noframes> ブロックレベル 標準 フレームが表示できない環境での表示内容を指定する
<iframe> インライン 標準 インラインフレームを作成する

スクリプト

タグ名 タイプ 扱い 説明
<script> インライン 標準 JavaScriptなどのスクリプトを埋め込む
<noscript> ブロックレベル 標準 スクリプトが動作しない環境での表示内容を指定する

コメント

タグ名 タイプ 扱い 説明
<!-- --> - 標準 コメント、コメントアウト