<HR>で作る罫線には色が付けられず、また100ピクセル以上の縦線は表示出来ないことを前にやりました。そこで<HR>ではなく、テーブルを使って色付きの線を作る方法をやってみましょう。
テーブルのセルの中には色が付けられますし、サイズもピクセル数で指定できます。ですからセルにBGCOLORで色指定し、WIDTHとHEIGHTでサイズ指定、TABLE BORDERを「0」もしくは指定しなければ色付きの線に見えるはずです。
しかしテーブルのセルに色を付けるのは、セルの中に何かしら入っていないと機能しません。ですのでテキストのスペースでも挿入すれば確かに色付きの線になります。ただし、これでは1文字分以下の細い線をひくことが出来ません。
そこで、1ピクセルの透明GIF画像を入れてしまいましょう。テーブルの項で説明したように、セルのサイズ指定は思ったように正しく機能してくれないことがありますが、中に挿入した透明GIFのサイズを変えてしまえば、それ以下の大きさのセルになることはありません。

また透明GIFではなく、最初から色の付いた1ピクセルの画像を用意して、IMGタグにサイズを指定しても色付き罫線を作ることができます。しかしこの方法では色ごとに画像を用意しなければならず、後から「もう少し明るい色が良かった」という場合、また画像を作り直さなければなりませんね。
透明GIFをテーブルのセルに仕込む方法だとタグは複雑になりますが、タグを書き換えるだけで後からいくらでも色の調整がききますし、サイズもタグを書き換えるだけで自由自在です。

これを応用すればプロフィールの表組は簡単につくれますね？
下のHTMLでは緑色の横線に透明GIFを仕込んでいます。サイズが1×1ピクセルなのに太い線になっているのは、TABLEタグのCELLPADDINGが「3」となっているためです。
これで「プロフィール」ページが出来上がりました。長くなりますが「contents.html」のタグを全て掲載しておきます。