松原駅前商店会 パソコン研修会 WEB版

ホーム > PC研修会 > ホームページビルダー活用

・ 表の作成（テーブルデザイン）

枠の表示をデザインする

表の属性ダイアログの表タブで、表の枠等の表示をデザイン出来ます。
下記を参考に色々な表を作成してみましょう。

■ 表示される表 ■

■ 属性ダイアログ ■

<表の枠を非表示>
順位 商品名 1 IronMan Bike 2 IronMan WetSuit 3 IronMan Shoes 4 IronMan SwimCap 5 IronMan Food

<罫線の幅 3 枠表示 3>
順位 商品名 1 IronMan Bike 2 IronMan WetSuit 3 IronMan Shoes 4 IronMan SwimCap 5 IronMan Food

<罫線の幅 0 枠表示 1>
順位 商品名 1 IronMan Bike 2 IronMan WetSuit 3 IronMan Shoes 4 IronMan SwimCap 5 IronMan Food

<色付きの枠>
順位 商品名 1 IronMan Bike 2 IronMan WetSuit 3 IronMan Shoes 4 IronMan SwimCap 5 IronMan Food	上記の属性にHTMLソース画面で、枠色（bordercolor="色"）を書き加えると、このように表示されます <TABLE border="1" cellpadding="5" cellspacing="0">      ↓ <TABLE bordercolor="ff99cc" border="1" cellpadding="5" cellspacing="0"> IE6では、ピンク色の枠になりますが、NN7では、右側下部のみ薄く色が付いている程度の表示となります。 このタグは、ブラウザで表示が違います。

セルの幅・高さ・折り返しの調節

表の属性ダイアログのセルタブで、セルのサイズ・背景等の表示をデザイン出来ます。
下記を参考に色々な表を作成してみましょう。
（ 「自動的に行を折り返す」のチェックを外すと折り返しを回避できます。）

2003/7/22
尚、このテキストは松原駅前商店会 PC研修会で使用されたテキストです。 ご意見・ご質問・リクエスト等は、専用掲示板にご記入下さい。  【 事業部 】
	Copyright(C)  2000.-2003. Isono.biz AllRights Reserved