Table of Contents

ノートボックス

例

ノート
< ここにテキストを入力してください >

HTML コード

<table cellpadding="0" cellspacing="0" style="width: 100%; border-collapse: collapse;">
    <tr>
        <th style="text-align: left; padding-bottom: 5px; background-color: #c0c0c0; padding-left: 5px; padding-top: 5px;">
        <strong>ノート</strong></th>
    </tr>
    <tr>
        <td style="background-color: #f0f0f0; padding-left: 5px;">&lt; ここにテキストを入力してください &gt;</td>
    </tr>
</table>

注意ボックス

例

注意
< ここにテキストを入力してください >

HTML コード

<table cellpadding="0" cellspacing="0" style="width: 100%; border-collapse: collapse;">
    <tr>
        <th style="text-align: left; padding-bottom: 5px; background-color: #c0c0c0; padding-left: 5px; padding-top: 5px;">
        <strong>注意</strong></th>
    </tr>
    <tr>
        <td style="background-color: #f0f0f0; padding-left: 5px;">&lt; ここにテキストを入力してください &gt;</td>
    </tr>
</table>

重要ボックス

例

重要
< ここにテキストを入力してください >

HTML コード

<table cellpadding="0" cellspacing="0" style="width: 100%; border-collapse: collapse;">
    <tr>
        <th style="text-align: left; padding-bottom: 5px; background-color: #c0c0c0; padding-left: 5px; padding-top: 5px;">
        <strong>重要</strong></th>
    </tr>
    <tr>
        <td style="background-color: #f0f0f0; padding-left: 5px;">&lt; ここにテキストを入力してください &gt;</td>
    </tr>
</table>

プレーンコードボックス

ハイライトや行番号はありません。コマンドラインのサンプルや、その他短いコード例に適しています。

例

ここにコードを入力してください !

HTML コード

<table cellpadding="0" cellspacing="0"
       style="width: 100%; border-collapse: collapse;">
    <tr>
        <td style="background-color: #f0f0f0; padding-left: 5px;
            font-family: Consolas, Lucida Console, Courier New, Courier, Monospace;">

ここにコードを入力してください !

        </td>
    </tr>
</table>

もし、キャリッジリターン ( 改行 ) を保存するために <pre> タグを利用するのであれば、上のコードの外側へ使うようにしてください。e.g. <pre><table>...</table></pre>

関連項目

他の言語