第３章　ホームページの作成

今日の研修内容

課題２４　ホームページに作成した「表」の枠表示を変更するためには？

　「テーブル（表形式）」についての研修はだんだん複雑な表作りになりますが、うまくできると、さらに見やすく、人の目を引きつけるページ作りに役立ちます。

---

＜手順＞

（１）「メモ帳」の準備

• 「メモ帳」を開きます。そして、「ファイル」「開く」（すべてのファイル）を選択し、　「3.5インチFD」の中にある「sample4.htm」を開きます。
• 下の�@ように書き加え、「ファイル」「上書き保存」を選択します。

<TABLE BORDER=0> ・・・・・・・・・・・・・・・・�@ <TR><TD>機関名</TD><TD>所在名</TD><TD>電話番号</TD><TD>画像</TD></TR> <TR><TD>岐阜市少年センター</TD><TD>岐阜市今沢町１８</TD><TD>０５８−２６２− ９９５４</TD><TD><img src="201.jpg"></TD></TR>

（２）表示

• 「ネットスケープナビゲータ」を起動します。「接続」はキャンセルし、「ファイル」「開く」「3.5インチFD」を選択し、「sample4.htm」を開きます。「枠を表示しない表」が表示されましたね。border=0は枠の線の太さが０ということです。

（３）枠の太さの変更

• 適当な見やすい太さの線に変更しよう。

  ワンポイントアドバイス 　<TABLE BORDER=n>のnの値を大きくしたり、小さくしたりしてみましょう。表示される表組みの枠の太さが変わりますね。ｎの値を大きくすると、太くなり、盛り上がった立体的な表になります。画面に表示させるデータに合った値を設定しましょう。

＜まとめ＞

　表を作成すると、一定の太さの線が自動的に引かれます。この線の太さを変更することができるのです。特に、線を表示させない（<TABLE>だけとか、<TABLE BORDER=0>）設定にすると、整然とデータが並んだ形式になり、今までとは違ったイメージになります。

＜キーワード＞ 　　<TABLE>または<TABLE BORDER=0> 　　　枠を表示しないタグ

　

作成者	宇野芳彦
所　属	上之保東小学校

▲目次へ戻る｜▼次の課題へ進む