HTML タグ早見表

      HTML(Hyper Text Markup Language)では簡単なタグ「<--->」
      記号の付記でホームページをデザイン作成します。

      これは入門者説明用略表です。詳しくは参考書をご参照下さい。
  1. HTML タグ一覧
    • タグは原則として開始タグ「< *** >」と終了タグ「< /*** >」の1組が必要です。
      終了タグのない場合、開始タグの末尾は「 (半角スペース)/>
    • 複数のタグを重ねる場合は必ず「入れ子」で。
    • タグの中では、 style による規定ができます。
    • タグの中では、半角英数字を使用、全角スペースを使用しないこと。
    • <pre>......</pre>の場合、表示上の改行は「Enter」による強制改行のみ
      その他の場合、表示上、強制改行「<br / >」の他、自動改行が行われます。

    ブラウザからのフォーム入力(ブログなど)に使用する場合の留意
    • 下記「構造タグ」は関係ありません。使用しないでください。
    • <pre>......</pre>の場合は、改行を含め、入力どおりに表示されます。
      その他の場合、「Enter」による強制改行は 「<br / >」に変換されます。
    • その他の場合、redpoint 印は特に有効(8)なもの、構造タグは使用しません。
    • <table>、<div> の使用が不正確な場合には、特に問題を生じます。

    構造タグ <html><head>
    <title>タイトル</title>
    </head>
    <body bgcolor="#??????">
    本文
    <address>脚註</address>
    </body></html>

    表示されない

    背景色(下記)

    作成日、作成者等、

    記述通りの文章表示 redpoint <pre>......</pre>
    (改行に留意 → 上記、自動改行なし)
    領域設定<div>.....</div>前後に空白なし
    タイトル <h?>......</h?>サイズ(1 ~ 6)
    太字、上下に空白1行
    段落整理 <br />改行、空白行(連続)
    <br clear= 'all' />、段落変更
    redpoint <hr />横線
    文字コード redpoint <span style='font-size:??%;
     font-family:????;
     color=:#??????;'>......</span>
    サイズ(下記)
    字体(下記)
    文字色(下記)
    redpoint <b>......</b><i>......</i>、
    <u>......</u>
    <tt>......</tt>
    太字、斜体字、
    アンダーライン、
    固定幅フォント
    箇条書き redpoint <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>
    画像 redpoint <img src='URL/ファイルアドレス'
     height='???' width='???'  alt='??????' />

    表示サイズ(単位:px)
    画像タイトル
    リンク redpoint <a href='mailto:メールアドレス'>
    ......</a>
    メール
    redpoint <a href='URL'
      target='_blank'>......</a>
    Web(リモート)
    別画面で表示
    <a href='ファイルアドレス'>......</a>Web(ローカル)
    <a href='#アンカー名'>......</a>
    <a name='アンカー名'>......</a>
    Web(アンカー)
    アンカー先
    位置ずけ 「div」 に付加:
    align='left/center/right'
    style='margin-left:??px;'
    段落内の文字・画像位置
    「table」 に付加:
    align='left/right'
    表本体、反対側文章
    「th・td」 に付加:
    align="left/center/right"、valign="top/middle/bottom"
    セル内の文字揃え
    「img」 に付加:align="left/right"
              align="top/middle/bottom"
    画像本体、反対側文章
    右側文章の位置

  2. 文章中の半角記号は表示不可能またはトラブルの原因になることがあります。
    (「 _ 」 を除く)

    表示記号代替用入力記号
    「<」、「>」「&lt;」、「&gt;」タグに使用
    スペース「&nbsp;」半角スペースの連続表示不可
    「&」、「”」、「’」「&amp;」、「&rdquo;」、「&rsquo;」

  3. 文字コード(コピー・貼り付け、でご利用ください)
    • サイズ(このページは全体が 基準 95% で規定されています。)
    80%(⇒ 76%)今日こんにちは
    87%(⇒ 83%)今日こんにちは10.0pt (Elite)今日こんにちは
    93%(⇒ 88%)今日こんにちは10.5pt (和印刷)今日こんにちは
    100%(⇒ 95%)今日こんにちは
    105%(⇒100%)今日こんにちは12.0pt (Pica)今日こんにちは
    110%(⇒105%)今日こんにちは
    120%(⇒114%)今日こんにちは
    • 字体
      MS ゴシックMS PゴシックMS 明朝MS P明朝
      HGP正楷書体-PROHG丸ゴシックM-PROHGPゴシックEHGPゴシックM
      HGP教科書体HGP行書体HGP創英角ゴシックUBHGP創英角ポップ体
      Times New RomanCourier NewCooper BlackMagnetoWide Latin
      ArialArial Unicode MSHarlow Solid ItalicImpact
    • 文字色
      Black,White, Red, Maroon, olive, Green, Blue, Navy, Magenta, Purple
      #000000, #ffffff,#ff0000, #800000, #ffff00, #808000,
      #00ff00,#008000, #00ffff, #008080, #0000ff, #000080, #ff00ff, #800080

トップへ
14年 02月 27日改訂 ご批評・ご意見賜りたく(表紙へ)
Valid XHTML 1.0 Transitional