HTML タグ早見表
HTML（Hyper Text Markup Language）では簡単なタグ「<--->」
記号の付記でホームページをデザイン作成します。
これは入門者説明用略表です。詳しくは参考書をご参照下さい。
記号の付記でホームページをデザイン作成します。
これは入門者説明用略表です。詳しくは参考書をご参照下さい。
- HTML タグ一覧
-
タグは原則として開始タグ「<」と終了タグ「/>」の１組が必要です。
終了タグのない場合、開始タグの末尾は「 （半角スペース）/>
複数のタグを重ねる場合は必ず「入れ子」で。 - タグの中では、 style による規定ができます。
- タグの中では、半角英数字を使用、全角スペースを使用しないこと。
- <pre>......</pre>の場合、表示上の改行は「Enter」による強制改行のみ
その他の場合、表示上、強制改行の他、自動改行が行われます。
- 下記「構造タグ」は関係ありません。使用しないでください。
- <pre>......</pre>の場合は、改行を含め、入力どおりに表示されます。
- その他の場合、
印は特に有効（8）なもの、構造タグは使用しません。 - <table>、<div> の使用が不正確な場合には、特に問題を生じます。
構造タグ <html><head>
<title>タイトル</title>
</head>
<body bgcolor="#??????">
本文
<address>脚註</address>
</body></html>
表示されない
背景色（下記）
作成日、作成者等、記述通りの文章表示 <pre>......</pre>
（改行に留意 → 上記、自動改行なし）領域設定 <div>.....</div> 前後に空白なし タイトル <h?>......</h?> サイズ（1 ～ 6）
太字、上下に空白１行段落整理 <p>.....</p> 前後に空白１行 <br /> 改行、空白行（連続） <hr />横線 文字コード <span style='font-size:??%;
font-family:????;
color=:#??????;'>......</span>サイズ（下記）
字体（下記）
文字色（下記） <b>......</b><i>......</i>、
<u>......</u>
<tt>......</tt>太字、斜体字、
アンダーライン、
固定幅フォント箇条書き <ol><lt>......</lt>
<li>.......</li><li>.......</li>・・・・・</ol>番号（タイトルつき） <ul><lt>.......</lt>
<li>.......</li><li>.......</li>・・・・・</ul>丸印（タイトルつき） <dl><dt>.......</dt>
<dd>.......</dd><dd>.......</dd>・・・・・</dl>定義（タイトルつき） 表作成 <table border='?'>表本体</table> 枠の太さ <tr>段</tr> セル改行 <th>セル（題字）</th> 太字、左右上下中心 <td>セル</td> 画像 <img src='URL/ファイルアドレス'
height='???' width='???' alt='??????' />
表示サイズ（単位：px）
画像タイトルリンク <a href='mailto:メールアドレス'>
......</a>メール <a href='ＵＲＬ'
target='_blank'>......</a>Web（リモート）
別画面で表示<a href='ファイルアドレス'>......</a> Web（ローカル） <a href='#アンカー名'>......</a>
<a name='アンカー名'>......</a>Web（アンカー）
アンカー先位置ずけ 「div」、「p」 に付加：
align='left/center/right'段落内の文字揃え 「table」 に付加：
align='left/right'表本体、反対側文章 「th・td」 に付加：
align="left/center/right"、valign="top/middle/bottom"セル内の文字揃え 「img」 に付加：align="left/right"
align="top/middle/bottom"画像本体、反対側文章
右側文章の位置 -
タグは原則として開始タグ「<」と終了タグ「/>」の１組が必要です。
- 文章中の半角記号は表示不可能またはトラブルの原因になることがあります。
（「 _ 」 を除く）
表示記号 代替用入力記号 「<」、「>」 「<」、「>」 タグに使用 スペース 「 」 半角スペースの連続表示不可 「&」、「”」、「’」 「&」、「”」、「’」 - 文字コード（コピー・貼り付け、でご利用ください）
- サイズ（このページは全体が 基準 95% で規定されています。）
80%（⇒ 76%） 今日こんにちは 87%（⇒ 83%） 今日こんにちは 10.0pt (Elite) 今日こんにちは 93%（⇒ 88%） 今日こんにちは 10.5pt (和印刷) 今日こんにちは 100%（⇒ 95%） 今日こんにちは 105%（⇒100%） 今日こんにちは 12.0pt (Pica) 今日こんにちは 110%（⇒105%） 今日こんにちは 120%（⇒114%） 今日こんにちは - 字体
ＭＳ ゴシック、 ＭＳ Ｐゴシック、 ＭＳ 明朝、 ＭＳ Ｐ明朝、
HGP正楷書体-PRO、 HG丸ｺﾞｼｯｸM-PRO、 HGPｺﾞｼｯｸE、 HGPｺﾞｼｯｸM、
HGP教科書体、 HGP行書体、 HGP創英角ｺﾞｼｯｸUB、 HGP創英角ﾎﾟｯﾌﾟ体、
Times New Roman、 Courier New、 Cooper Black、 Magneto、 Wide Latin、
Arial、 Arial Unicode MS、 Harlow Solid Italic、 Impact、 - 文字色
Black,White, Red, Maroon, olive, Green, Blue, Navy, Magenta, Purple
#000000, #ffffff,#ff0000, #800000, #ffff00, #808000,
#00ff00,#008000, #00ffff, #008080, #0000ff, #000080, #ff00ff, #800080