よく使われる HTML タグとその特徴の完全なリスト

まず、HTML タグのいくつかの特性を知っておく必要があります。

1. 「<keyword>」に似ており、<html>、<div> などの山括弧で囲まれたキーワードで構成されます。

2. これらは通常、ペアで表示され、「<div>要素コンテンツ</div>」のような開始タグで始まります。左側のタグは開始タグと呼ばれ、右側の </> は終了タグと呼ばれ、開始と終了がありますが、一部の個別の単一の終了タグは例外です。

まず、単一の終了タグに対する個別の例外をいくつか覚えておきましょう。たとえば、次のようになります。

<メタ />	ページ情報を設定する	<パラメータ />	<object> または <applet> にパラメータを提供することができます。
<br />	改行	<キージェネレータ />	生成されたキーを定義する
<時間 />	水平線	<ソース />	メディア要素のメディアソースを定義します（<video> や <audio> など）
<エリア />	画像表示エリア	<列 />	テーブル内の1つ以上の列のプロパティ値を定義します
<入力 />	フォーム要素、異なるタイプの入力フィールドには異なるフォームがあります	<フレーム />	フレームセット内の特定のウィンドウ（フレーム）を定義します
<リンク />	スタイルシートのリンク	<埋め込み />	プラグインなどの埋め込みコンテンツを定義する
<ベースフォント />	基本フォントを定義します。HTML5 は <basefont> タグをサポートしていないため、推奨されません。	......

以下のタグは、さまざまな効果に応じて分類されます。

1. フォント効果

<h1>…</h1>	見出し 1 (最大) のフォントサイズは、レベルが下がるにつれて小さくなります。一般的に、見出しのフォントサイズは h1 から h4 までです。h4 以降のフォントサイズは使用されません。	<s>…</s>	取り消し線
<h6>…</h6>	見出し 6 (最小)	<del>…</del>	取り消し線（削除を示す）
<b>…</b>	大胆な	<kbd>…</kbd>	キーボードテキスト
<strong>..</strong>	太字（強調）	<tt>…</tt>	フォントの種類
<i>…</i>	斜体文字	<xmp>…</xmp>	固定幅フォント（ファイル内では空白、改行、位置決め機能が有効）
…	斜体（強調）	<プレーンテキスト>…</プレーンテキスト>	固定幅フォント（マークアップなし）
<dfn>...</dfn>	斜体文字（定義）	<リスト>…</リスト>	固定幅の小さいフォント
<u>…</u>	結論	<font color=00ff00>…</font>	フォント色（color="#00ff00"も可）
<ins>...</ins>	下線（挿入されたテキストを示す）	<font size=1>…</font>	最小フォントサイズ
<strike>…</strike>	水平線	<font style=font-size:100 ピクセル></font>	無限に増加（フォントサイズは100px）

2. 切断マーク

<時間 />	水平線	<nobr>…</nobr>	休憩なし
<時間サイズ=9 />	水平線（サイズ設定）	<p>…</p>	段落
<hr 幅=80% />	水平線（幅を設定）	<center>…</center>	囲むテキストを中央揃えにする
<hr color=00ff00 />	水平線（色設定）
<br />	改行

3. リンク

<base href=アドレス>	ページ上のすべてのリンクのデフォルトアドレスまたはデフォルトターゲットを指定します	<a href=アドレスターゲット=_top></a>	ハイパーリンク先のURLを指定します（フルウィンドウリンク）
<a href=住所></a>	ハイパーリンクのターゲットのURLを指定します	<a href=addresstarget=ページフレーム名></a>	ハイパーリンク先のURLを指定します（指定されたページフレームにリンクされます）
<a href=アドレスターゲット=_blank></a>	ハイパーリンク先のURLを指定します（新しいウィンドウを開きます）

4. 映像・音楽

<img src=画像アドレス/>	ウェブページに写真を投稿する	<img src=画像アドレス境界=1 />	ステッカーの絵の枠線を設定する
<img src=画像アドレス幅=180 />	貼り付ける画像の幅を設定する	<bgsound src=MID 音楽ファイルアドレス/>	バックグラウンドミュージックの設定
<img src=画像アドレス高さ=30 />	貼り付ける画像の高さを設定する

5. 表

<table aling=left>…</table>	テーブル位置、左	<table cellpadding=パラメータ>…</table>	グリッド線間の距離を指定します（数値を使用）
<table aling=center>…</table>	テーブルの位置、中央	<table cols=パラメータ>…</table>	表の列数を指定する
<テーブルの背景=画像パス>…</テーブル>	背景画像のURL = パスURL	<テーブルフレーム=パラメータ>…</テーブル>	表の外側の境界線の表示モードを設定する
<table border=境界線のサイズ>…</table>	表の境界線のサイズを設定する（数値を使用）	<テーブル幅=幅>…</テーブル>	表の幅を指定する（数値を使用）
<table bgcolor=カラーコード>…</table>	テーブルの背景色を設定する	<テーブルの高さ=高さ>…</テーブル>	テーブルの高さを指定します（数値を使用）
<table bordercolor=色コード>…</table>	テーブルの境界線の色を設定する	<td colspan=パラメータ>…</td>	セルに結合する列の数を指定します（数値を使用）
<table bordercolordark=カラーコード>…</table>	テーブルの暗い枠線の色を設定する	<td rowspan=パラメータ>…</td>	セルを結合する列の数を指定します（数値を使用）
<table bordercolorlight=カラーコード>…</table>	テーブルの明るい境界線の色を設定する

6. ウィンドウを分割する

<フレームセット col="20%",*>	左と右に分割し、左のフレームを20％に分割すると、ブラウザは右のフレームのサイズを自動的に調整します。	<コメント>…</コメント>	コメントを追加
<フレームセット行数="20%,*">	上部のフレームを 20% に分割すると、ブラウザは下部のフレームのサイズを自動的に調整します。	<dd>…</dd>	定義リストの項目の説明を設定します
<フレームセット cols=”20%,*”>	左フレームと右フレームを分割する	<dfn>…</dfn>	「定義」テキストを表示
<フレームセット cols=”20%,*,20%”>	左、中央、右のフレームを分割する	<dir>…</dir>	リストテキストラベル
<フレームセット行="20%,*,20%">	上、中、下のフレームを分割する	<dl>…</dl>	定義リストのラベルを設定する
<!--…-->	注釈	<dt>...</dt>	リスト内の項目を定義する
<a href ターゲット>	ハイパーリンクの分割ウィンドウを指定する	…	強調のため
<a href="#アンカー名>	指定されたアンカー名を持つハイパーリンク	<フォント>	使用するフォントの任意の指定
<a href>	ハイパーリンクを指定する	<フォントサイズ>	フォントサイズを設定する
<a name=アンカーの名前>	接続ポイントの名前	<フォームアクション>	設定
<アドレス>…</アドレス>	メールアドレスを表示するために使用されます
<b>…</b>	大胆な
<基本ターゲット>	ハイパーリンクの分割ウィンドウを指定する
<bgsound ソース>	バックグラウンドミュージックを追加する
<big>…</big>	大きなフォントを表示する
<瞬き>	点滅する文字列またはテキストを表示する (IE ではサポートされていません)
<本文リンク vlink>	テキストの色を設定する
<本文>…</本文>	この記事を表示
<br />	改行
<キャプションの配置>	表のタイトルの位置を設定する
<caption>…</caption>	表にタイトルを追加する
<center>…</center>	囲まれたテキストを中央に配置します。HTML5 はこのタグをサポートしていません。
<引用>…<引用>	聖書を引用するために使用されるテキスト
<code>…</code>	プログラムコードをリストするために使用される