Tableタグの見本


 HTML Conv-J などが利用するスクリプトオブジェクト共有ライブラリ HTML Conv Obj ver.1.5が出力するHTMLに含まれるTableタグのデザインと配色の見本です。
1行目で強調色を設定した部分は中央寄せに，1列目で強調色を設定した部分は左寄せになります。 それ以外のセルは，左寄せ・中央寄せ・右寄せから選べます。 デザインと配色の組合せによっては期待した効果が得られない場合があります。
フレームでは，強調された部分を除き，背景色がつきません。 ブロックでは枠に色は付かないので，白黒液晶のPDAなどでは枠が表示されないことがあります。 ソリッドは2重のTableタグを使用しているので，スタイルシートとの併用には向きません。 フレームの表示にはNetscape 2.0以上，それ以外のデザインの表現にはNetscape 3.0以上が必要です。 強調色の表示にはNetscape 3.0以上が必要です。
枠も強調色も使用せず透明な表を作成したい場合にはスタイルシートのみを選択して下さい。
─　デザイン　─
フレーム
機能
HTML Conv-J全文変換
Text2Table表のみ
 ブロック
機能
HTML Conv-J全文変換
Text2Table表のみ
 ソリッド
機能
HTML Conv-J全文変換
Text2Table表のみ
─　配色　─
ブルーベリー
機能
HTML Conv-J全文変換
Text2Table表のみ
 タンジェリン
機能
HTML Conv-J全文変換
Text2Table表のみ
 ストロベリー
機能
HTML Conv-J全文変換
Text2Table表のみ
ライム
機能
HTML Conv-J全文変換
Text2Table表のみ
 グレープ
機能
HTML Conv-J全文変換
Text2Table表のみ
 グラファイト
機能
HTML Conv-J全文変換
Text2Table表のみ
インディゴ
機能
HTML Conv-J全文変換
Text2Table表のみ
 ルビー
機能
HTML Conv-J全文変換
Text2Table表のみ
 セージ
機能
HTML Conv-J全文変換
Text2Table表のみ
スノー
機能
HTML Conv-J全文変換
Text2Table表のみ
 ボンダイブルー
機能
HTML Conv-J全文変換
Text2Table表のみ
 Java/Bronze
機能
HTML Conv-J全文変換
Text2Table表のみ
アクア
機能
HTML Conv-J全文変換
Text2Table表のみ
 プラチナ
機能
HTML Conv-J全文変換
Text2Table表のみ
 Hi-Tech
機能
HTML Conv-J全文変換
Text2Table表のみ
春の色
機能
HTML Conv-J全文変換
Text2Table表のみ
 夏の色
機能
HTML Conv-J全文変換
Text2Table表のみ
 秋の色
機能
HTML Conv-J全文変換
Text2Table表のみ
スノーと冬の色は同じ配色です。ブルーベリーとライムとアクアは以前のバージョンに比べて配色が変更されています。
グレープとHi-Techは文字色に白などの明るい色が指定されている必要があります。
─　スタイルシート　─
HTML Conv Objの出力するHTMLの中の Tableタグにはすべて class=autoが指定されます。
1行目または1列目を強調する場合，それぞれにクラスが指定されます。
1行目だけを強調した場合，1行目の TRタグに class=em1が指定されます。
1列目だけを強調した場合，1列目の TDタグに class=em1が指定されます。
両方を強調した場合，1行目の TRタグには class=em1，1列目の TDタグには class=em2 が指定されます。
.auto {border-width: 0px} .auto TD {border-color: #CCCCCC; border-width: 0px 1px 1px 0px; background-color: #E5E5E5} .em1 TD, TD.em1 {background-color: #CCCCFF; font-weight:bold; text-align:center} TD.em2 {background-color: #CCCCCC; text-align:left}
<table class="auto">
　　<tr class="em1"><td>ソフト</td><td>対象</td><td>価格</td></tr>
　　<tr><td class="em2">Text2Table</td><td>表のみ</td><td>無料</td></tr>
　　<tr><td class="em2">HTML Conv-J</td><td>全文</td><td>無料</td></tr>
</table>
<!--以下，元となったデータです。タグは変換時に復元されます。
ソフト　　対象　　価格
Text2Table　　表のみ　　無料
HTML Conv-J　　全文　　無料
-->
<!--Converted with HTML Conv Object ver.1.5-->
1行目のみを強調
機能
HTML Conv-J全文変換
Text2Table表のみ
 1列目のみを強調
機能
HTML Conv-J全文変換
Text2Table表のみ
 両方を強調
機能
HTML Conv-J全文変換
Text2Table表のみ