ページタイトル[H2]

<h2>ページタイトル[H2]</h2>

見出し[H3]

<h3>ページタイトル[H3]</h3>

見出し[H4]

<h4>ページタイトル[H4]</h4>

見出し[H5]

<h5>ページタイトル[H5]</h5>

見出し[H6]

<h6>ページタイトル[H6]</h6>

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。

<p>テキストテキスト...</p>

 

未定義リスト

• テキスト
• テキストテキストテキスト
• テキストテキスト

<ul>
    <li>テキスト</li>
</ul>

 

定義リスト

1. テキスト
2. テキストテキストテキスト
3. テキストテキスト

<ol>
    <li>テキスト</li>
</ol>

 

リンク

リンクテキスト

外部リンク（[target="_blank"]を付けるとアイコン表示）

下線リンク（クラス link_blue_underline を付けると下線表示）

<a href="">リンクテキスト</a>
<a href="" target="_blank">外部リンク</a>
<a href="" class="link_blue_underline">下線リンク</a>

 

修飾文字

<strong>で囲った文字は太字になります。

<em>で囲った文字は下線付き太字になります。

クラス[color_red]をつけると赤字になります。

<p><strong>で囲った文字は<strong>太字</strong>になります。</p>
<p><em>で囲った文字は<em>下線付き太字</em>になります。</p>
<p>クラス[color_red]をつけると<span class="color_red">赤字</span>になります。</p>

 

文字寄せ

左寄せ（デフォルトまたはクラス[ta_left]）

中央寄せ（クラス[ta_center]）

右寄せ（クラス[ta_right]）

<p class="ta_left">左寄せ</p>
<p class="ta_center">中央寄せ</p>
<p class="ta_right">右寄せ</p>

 

画像

※ コンテンツ幅より大きい画像でもはみ出さないよう調整済み

<img src="<!--{$TPL_URLPATH}-->img/***" alt="">

 

テーブル（タイトル行あり）

タイトル（左寄せ・デフォルト）	タイトル（中央寄せ）	タイトル（右寄せ）
テキストテキストテキスト（左寄せ・デフォルト）	テキストテキストテキスト（中央寄せ）	テキストテキストテキスト（右寄せ）
テキストテキストテキスト（左寄せ・デフォルト）	テキストテキストテキスト（中央寄せ）	テキストテキストテキスト（右寄せ）

※テキストの左寄せ・中央寄せ・右寄せは文字寄せを参照

<table>
    <thead>
        <tr>
            <th>タイトル（左寄せ・デフォルト）</th>
            <th class="ta_center">タイトル（中央寄せ）</th>
            <th class="ta_right">タイトル（右寄せ）</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>テキストテキストテキスト（左寄せ・デフォルト）</td>
            <td class="ta_center">テキストテキストテキスト（中央寄せ）</td>
            <td class="ta_right">テキストテキストテキスト（右寄せ）</td>
        </tr>
    </tbody>
</table>

 

テーブル（タイトル列あり）

タイトル（左寄せ・デフォルト）	左寄せ・デフォルト	左寄せ・デフォルト
タイトル（中央寄せ）	中央寄せ	中央寄せ
タイトル（右寄せ）	右寄せ	右寄せ

※テキストの左寄せ・中央寄せ・右寄せは文字寄せを参照

<table>
    <tbody>
        <tr>
            <th>タイトル（左寄せ・デフォルト）</th>
            <td>左寄せ・デフォルト</td>
            <td>左寄せ・デフォルト</td>
        </tr>
        <tr>
            <th class="ta_center">タイトル（中央寄せ）</th>
            <td class="ta_center">中央寄せ</td>
            <td class="ta_center">中央寄せ</td>
        </tr>
        <tr>
            <th class="ta_right">タイトル（右寄せ）</th>
            <td class="ta_right">右寄せ</td>
            <td class="ta_right">右寄せ</td>
        </tr>
    </tbody>
</table>

 

テーブル（タイトル行・列あり）

タイトル（行）	タイトル（行）	タイトル行（行）
タイトル（列）	テキストテキストテキスト	テキストテキストテキスト
タイトル（列）	テキストテキストテキスト	テキストテキストテキスト

※テキストの左寄せ・中央寄せ・右寄せは文字寄せを参照

<table>
    <tbody>
        <thead>
            <th>タイトル（行）</th>
            <th>タイトル（行）</th>
            <th>タイトル行（行）</th>
        </thead>
        <tr>
            <th>タイトル（列）</th>
            <td>テキストテキストテキスト</td>
            <td>テキストテキストテキスト</td>
        </tr>
        <tr>
            <th>タイトル（列）</th>
            <td>テキストテキストテキスト</td>
            <td>テキストテキストテキスト</td>
        </tr>
    </tbody>
</table>

 

テーブル（横幅50%）

<table>タグにstyle="width: 50%"を設定することで横幅を調整できます。

タイトル	テキスト
タイトル	テキスト

<table style="width: 50%">
    <tbody>
        <tr>
            <th>タイトル</th>
            <th>タイトル</th>
            <th>タイトル</th>
        </tr>
        <tr>
            <td>テキスト</td>
            <td>テキスト</td>
            <td>テキスト</td>
        </tr>
    </tbody>
</table>