4.13.10　HTMLパーツの記述例

HTMLパーツの記述例を次に示します。

参考

データストアプラグイン，または開発者が開発した入出力プラグインを使用すると，ソースコードをHTMLパーツへ出力することもできます。入出力プラグインからの出力については，プラグインの開発者に問い合わせてください。

• ［属性の設定］画面の［HTMLソース文字列］テキストボックスへの入力例（外部CSSファイルを作成する場合）

  <table class="sample">
    <caption class="sample">注文管理表</caption>
    <thead>
      <tr>
        <th class="sample">注文番号</th>
        <th class="sample">注文日</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td class="sample">00001-20101010-00001</td>
        <td class="sample">2010/10/10</td>
      </tr>
      <tr>
        <td class="sample">00001-20101010-00002</td>
        <td class="sample">2010/10/10</td>
      </tr>
    </tbody>
    <tfoot />
  </table>

• 外部CSSファイルの作成例

  table.sample {
      border:1px solid #777777;
      border-collapse:collapse;
      border-spacing:0;
      background-color:#ffffff;
  }
  caption.sample {
      font-size:14px; font-weight:bold;
  }
  th.sample {
      border-right:1px solid #777777;
      border-bottom:1px solid #777777;
      background-color:#e3e5e7;
      padding:0.3em 1em;
      text-align:center;
  }
  td.sample {
      border-right:1px solid #777777;
      border-bottom:1px solid #777777;
      padding:0.3em 1em;
  }

• HTMLコンテンツの表示例

  

ページの先頭へ