タグ表示例格安ホームページ制作プラン

タグ表示例

TOP > テンプレート内サンプル一覧(サンプル一覧メニュー) > タグ表示例

表示中のデザイン(テンプレート)使用時の各種タグ別表示例です。

テンプレート一覧へ戻る

各種タグ表示例

挿入方法はfckeditor使用時の編集方法です。

fckeditorの使い方を見てみる

（注）H1タグは、ページ上部で使用しているため、コンテンツ内で使用しないで下さい。
見出し2：挿入方法［フォーマット→見出し2］ ［HTMLソース］
<h2>サンプルテキスト</h2>
［表示例］

サンプルテキスト

見出し3：挿入方法［フォーマット→見出し3］
［HTMLソース］
<h3>サンプルテキスト</h3>
［表示例］

サンプルテキスト

見出し4：挿入方法［フォーマット→見出し4］
［HTMLソース］
<h4>サンプルテキスト</h4>
［表示例］

サンプルテキスト

見出し5：挿入方法［フォーマット→見出し5］
［HTMLソース］
<h5>サンプルテキスト</h5>
［表示例］

サンプルテキスト

見出し6：挿入方法［フォーマット→見出し6］
［HTMLソース］
<h6>サンプルテキスト</h6>
［表示例］

サンプルテキスト

リスト：挿入方法［アイコンをクリック］
［HTMLソース］
<ul> <li>リスト１</li> <li>リスト２</li> <li>リスト3</li> </ul>
［表示例］

リスト１
リスト２
リスト３

リスト2：挿入方法［アイコンをクリック］
［HTMLソース］
<ol>
<li>リスト１</li>
<li>リスト２</li>
<li>リスト3</li>
</ol>
［表示例］

リスト１
リスト２
リスト３

リスト3：アイコン無し
［HTMLソース］
<dl>
<dt>テキスト</dt>
    <dd>リスト１</dd>
    <dd>リスト2</dd>
    <dd>リスト3</dd>
</dl>

［表示例］
テキスト: リスト１; リスト2; リスト3

見出し：挿入方法［スタイル→Title］
［HTMLソース］
<span class="title">サンプル</span>

［表示例］
サンプル

引用・コード：挿入方法［スタイル→code］
［HTMLソース］
<span class="Code"><span class="code"><div><br />
<p>テキスト</p><br />
</div></span></span>

［表示例］
<span class="code"><div>
<p>テキスト</p>
</div></span>

テーブル：挿入方法［アイコンをクリック］
［HTMLソース］
<table width="100%" cellspacing="1" cellpadding="1" border="1" align="" summary="サンプル">
<tbody>
<tr>
<td>サンプル１</td>
<td>10点</td>
</tr>
<tr>
<td>サンプル2</td>
<td>20点</td>
</tr>
<tr>
<td>サンプル3</td>
<td>30点</td>
</tr>
</tbody>
</table>
［表示例］