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

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

テンプレート一覧へ戻る

各種タグ表示例

＊挿入方法は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>アイコンをクリック</li> </ul>

---

1. 番号つきリスト
2. 挿入方法
3. アイコンをクリック

［HTMLソース］

<ol>
  <li>番号つきリスト</li>
  <li>挿入方法</li>
  <li>アイコンをクリック</li>
</ol>

---

リスト3

リスト１

リスト2

リスト3

［HTMLソース］

 <dl>
  <dt>リスト3</dt>
    <dd>リスト１</dd>
    <dd>リスト2</dd>
    <dd>リスト3</dd>
 </dl>

---

小見出し：挿入方法［スタイル→小見出し］

［HTMLソース］

<span class="Title">サンプル</span>

---

矢印アイコンつきテキスト：挿入方法［スタイル→矢印アイコン］

［HTMLソース］

<span class="alow">サンプル</span>

---

ペンアイコン付きテキスト：挿入方法［スタイル→ペンアイコン］

［HTMLソース］

<span class="pen">サンプル</span>

---

<span class="code"><div>
<p>テキスト</p>
</div></span>

［HTMLソース］

<span class="Code">&lt;span class=&quot;code&quot;&gt;&lt;div&gt;<br />
&lt;p&gt;テキスト&lt;/p&gt;<br />
&lt;/div&gt;&lt;/span&gt;</span>

---

テーブル	挿入方法［アイコンをクリック］
サンプル1	20点
サンプル2	30点

［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>

---