Sample

見出し

見出しレベル3 <h3>

見出しレベル4 <h4>

リスト

リスト基本形 <ul>

リスト1 <ul class="horizontal">

リスト2 <ul class="imglist">

番号付きリスト基本形 <ol>

  1. 番号付きリスト基本形
  2. 番号付きリスト基本形
  3. 番号付きリスト基本形

番号付きリスト1 <ol class="horizontal">

  1. 01
  2. 02
  3. 03

番号付きリスト2 <ol class="horizontal2">

  1. 01
  2. 02
  3. 03

定義リスト基本形 <dl>

定義リスト基本形
定義リスト基本形定義リスト基本形定義リスト基本形定義リスト基本形

定義リスト1 <dl class="horizontal">

定義リスト1
横に並びます。
ddが2つ以上ある場合、2つ目以降全てに<dd class="second">を指定して下さい。
dd3つ目

テキスト装飾関連

強調 <em>  より強い強調 <strong>  追加 <ins>  削除 <del>

この中は<blockquote>です。
引用文長文の表示サンプル引用文長文の表示サンプル引用文長文の表示サンプル引用文長文の表示サンプル引用文長文の表示サンプル引用文長文の表示サンプル

出典・参照先 <cite>  引用文短文 <q>

この中は<pre>です。
pre {
    margin: 1.5em 0;
    padding: 0.5em 1em;
    border: 1px dotted #ccc;
    width: 80%;
    height: 100px;
    overflow: scroll;
    background-color: #fff;
    font-family: "Osaka−等幅", monospace;
}

リンク <a>

アドレス <address>

この中は<div class="deco">です。
何か目立たせたい時に使用して下さい。
装飾段落サンプル装飾段落サンプル装飾段落サンプル装飾段落サンプル装飾段落サンプル

表 <table>

見出し 見出し見出し 見出し見出し見出し
内容内容内容 内容内容 内容
内容内容内容 内容内容 内容
内容内容内容 内容内容 内容

注意!

記号を使用する場合は、FirefoxやIE7での文字化け対策に<span class="mark">を指定して下さい。
指定した場合の表示結果■◇●▽★※
指定しない場合の表示結果■◇●▽★※