HOME / WEB関連知識のスキルアップ / HTMLクイック･リファレンス / HTMLタグリファレンス（目的別）

HTML タグリファレンス（目的別）​

文書情報・構造 bun

<!DOCTYPE> …… ドキュメントタイプを宣言する
<html> …… HTML文書であることを宣言する
<head> …… 文書のヘッダ情報を表す
<meta> …… その文書に関する情報（メタ情報）を指定する
<title> …… 文書にタイトルをつける
<body> …… 文書の本体を表す
<h1>～<h6> …… 見出しを付ける
<p> …… ひとつの段落（パラグラフ）であることを表す

テキストの表現 hgn​

<font> …… フォントの種類・大きさ・色を指定する
<badefont> …… テキストの基準サイズ・基準色・基準フォントを指定する
<b> …… テキストを太字にする
<l> …… テキストを斜体（イタリック）にする
<u> …… テキストに下線（アンダーライン）を引く
<big> …… テキストのサイズをひとまわり大きくする
<small> …… テキストのサイズをひとまわり小さくする
<s> …… 打ち消し線を引く
<strike> …… 打ち消し線を引く
<tt> …… 等幅フォントで表示する
<sub> …… 下付き文字を表示する
<sup> …… 上付き文字を表示する
<rb> …… ルビをふる文字を指定する（IEが独自に採用）
<rp> …… ルビを囲む記号を指定する（IEが独自に採用）
<rt> …… ルビの内容を指定する（IEが独自に採用）
<ruby> …… ルビの範囲を指定する（IEが独自に採用）
<marquee> …… 文字をスクロールさせる（IE独自の仕様）
<blink> …… 文字を点滅させる（NN独自の仕様）
<bdo> …… 文字表記の方向を指定する
<br> …… 改行する
<nobr> …… 改行なしで表示する（NN独自の仕様）
<wbr> …… <NOBR>内で改行しても良い位置を指定する（NN独自の仕様）

テキストの意味 imi

<em> …… 強調する
<strong> …… 強調する
<dfn> …… 定義する用語を明示する
<DEL> …… 削除された部分であることを示す
<ins> …… 追加された部分であることを示す
<adress> …… 連絡先・問合せ先を表す
<blockquote>･･引用・転載であることを表す
<q> …… 引用・抜粋であることを表す
<cite> …… 出典・参照先を表す
<code> …… プログラムのソースコードであることを示す
<var> …… 変数や引数であることを示す
<samp> …… プログラムによる出力結果のサンプルであることを示す
<kbd> …… キーボード入力される文字であることを示す
<abbr> …… 略語（頭字語以外）であることを表す
<acronym> …… 略語（頭字語）であることを表す

リンク lin

<a> …… リンクをはる、リンクの出発点・到達点を指定する
<map> …… ひとつの画像に複数のリンクを設定する（イメージマップ）
<area> …… イメージマップの領域を設定する
<base> …… 相対パスの基準URIを指定する
<link> …… 関連する文書ファイルを指定する

 画像・動画・埋め込み gaz

<img> …… 画像を表示する
<embed> …… プラグインデータを埋め込む（NN独自の仕様）
<noembed> …… プラグインが利用できない環境用の表示内容を指定する（NN独自の仕様）
<object> …… 文書にデータを埋め込む
<applet> …… JAVAアプレットを挿入する
<param> …… パラメータを指定する
<bgsound> …… 効果音・BGMを鳴らす（IE独自の仕様）

表・レイアウト hyo

<table> …… テーブル（表）を作成する
<tr> …… テーブル（表）の横方向の一行を定義する
<th> …… テーブル（表）の見出しセルを作成する
<td> …… テーブル（表）のデータセルを作成する
<thead> …… テーブル（表）のヘッダ行を定義する
<tfoot> …… テーブル（表）のフッタ行を定義する
<tbody> …… テーブル（表）のボディ部分を定義する
<caption> …… テーブル（表）にタイトルをつける
<col> …… 表の縦列の属性をまとめて指定する
<colgroup> …… 表の縦列をグループ化する
<center> …… センタリングする
<spacer> …… スペースを挿入する（NN独自の仕様）
<multicol> …… 段組する（NN独自の仕様）
<hr> …… 横罫線を引く

  フレーム fra

<frameset> …… ウィンドウをフレームに分割する
<frame> …… フレームに表示するファイルを指定する
<noframes> …… フレームが表示できない環境用の表示内容を指定する
<iframe> …… インラインフレームを作る

レイヤー lay

<layer> …… 絶対位置にレイヤー表示する（NN独自の仕様）
<ilayer> …… 相対位置にレイヤー表示する（NN独自の仕様）
<nolayer> …… レイヤーが利用できない環境用の表示内容を指定する（NN独自の仕様）

入力フォーム for

<form> …… 入力・送信フォームを作成する
<input> …… フォームの構成部品（入力欄・ボタン等）を作成する
<input type="submit"> …… フォームの送信ボタン・リセットボタンを作成する
<input type="image"> …… フォームの画像ボタンを作成する
<input type="button"> …… フォームの汎用ボタンを作成する
<button> …… ボタンを作成する
<input type="text"> …… 一行テキストボックスを作成する
<input type="password"> …… パスワード入力欄を作成する
<input type="radio"> …… ラジオボタンを作成する
<input type="checkbox"> …… チェックボックスを作成する
<input type="hidden"> …… 非表示データを送信する
<input type="file"> …… サーバーにファイルを送信する
<select> …… セレクトボックスを作成する
<optgroup> …… セレクトボックスの選択肢をグループ化する
<option> …… セレクトボックスの選択肢を指定する
<textarea> …… 複数行の入力フィールドを作成する
<legend> …… フォームの入力項目グループにタイトルを付ける
<filedset> …… フォームの入力項目をグループ化する
<label> …… フォーム部品と項目名（ラベル）を関連付ける
<isindex> …… 検索キーワードの入力欄を作る

リスト lis

<ol> …… 順序のあるリストを表示する
<ul> …… 順序のないリストを表示する
<li> …… リストの項目を記述する
<dl> …… 定義リストであることを表す
<dt> …… 定義する用語を表す
<dd> …… 定義した用語の説明を記述する
<dir> …… リストを表示する
<menu> …… メニューリストを表示する

スクリプト scr

<script> …… 文書にスクリプトを埋め込む
<noscript> …… スクリプトが動作しない環境用の表示内容を指定する

スタイルシート sty

<style> …… スタイルシートを記述する

範囲指定 han

<div> …… ひとかたまりの範囲として定義する（ブロック要素）
<span> …… ひとかたまりの範囲として定義する（インライン要素）

コメント com

<!-- --> …… ソース中にコメントを入れる
<comment> …… HTMLソースをコメントにする（IE独自の仕様）

ソースの表示 src

<pre> …… ソースを整形済みテキストとして表示する
<plintext> …… ソースをそのまま表示する
<xmp> …… ソースをそのまま表示する
<listing> …… ソースをそのまま表示する（タグは解釈される）