幅を固定していても伸び縮みする、レイアウトが崩れない便利なテーブルの作り方等、テーブルをより使いやすくする方法を見ていきます。テーブルの中味をまとめて変更するテーブルのセル一つ一つに、背景や文字サイズの指定をしていくのは面倒です。まとめて変更する方法を見ていきます。<TBODY>というタグを使うとまとめて効果を与えることができ便利です。効果を与えたい行を<TBODY>でくくり<TBODY>の中に与えたい効果を指定します。真中の2行だけ背景色を緑にしたい時はこのようになります。囲まれた部分の文字が全てまとめて太字になります。<COL>というタグを使います。<TABLE>と<TR>の間に<COL>と列の数だけ書きます。与えたい効果を指定します。1列目と3列目だけ背景色を緑にしたい時はこのようになります。16必要な効果を与えた<COL>の後に書いてある<COL>は省略することができます。上の例の場合は4番目に書いてある<COL>は省略可能です。効果を与えるのが3番目までですから、それ以降はあってもなくても変わらないからです。すれば該当する列の文字が全てまとめて太字になります。幅を固定しても伸び縮みするテーブルテーブルの幅はセルの中に書いてある文章の長さに応じて勝手に伸び縮みします。全ての人が自分で設定した環境で見てくれるとは限りません。テーブルの幅を固定しても、かえって見づらくなってしまうこともあります。そこで『普段は伸び縮みするが、一定の数値以下になると幅が固定される使いやすいテーブル』を作ってみます。良いポイント、悪いポイント1)メール受信10ポイント2)紹介制度1人100ポイント交換レートは1ポイント1円で、1000ポイントから現金と交換できる。届いたメールは13件で、そのすべてにポイントが付いていた。メールを受け取るだけで10ポイント(10円)にもなる。メールは月に13件しか来ないが、それでも130円の報酬となる。友達紹介でも一人100ポイントが得られる。欠点はポイントに有効期限があること。有効期限は1年間に設定してあり、1年以内に1000ポイント貯めないとゼロになってしまう。単純計算では13件X12ヶ月で1560ポイントとなり、この条件はクリアできそう上のテーブルは普段は伸び縮みしますが、各セルとも設定値以下にはならないようにしてあります。実際にブラウザーの表示画面を大きくしたり、小さくしたりして確認すると変化がわかると思います。テーブルの幅が640ピクセル以下になるとそれ以上小さくならず、左右のスクロールバーが出てきます。方法はいたって簡単で、各セルに高さ1ピクセルの透過GIF画像を入れているだけです。ピクセルの画像が各々入っています。高さ1ピクセルですから、表示の邪魔にはなりません。変わりありませんので、画像の幅以下にはセルは小さくなりません。使いやすいテーブルになります。枠線をけし、cellspacingを大きくすると、レイアウトに使いやすくなります。具体例リンクの特殊効果具体例ボタンに見えるリンク。