ホームページ作り入門<8>

見えない「額縁」(1999/02/03)
また「額縁」にもどっで話をします
は「縦横に桝目を切った表」を作るためのタグだといいました。
したがって区切り線があって当たり前ですね!
そして線の太さを「border=太さ」と指定するのでした。
ところが「border=”0”」としたらどうなるだろう
最初の頃にのリンクを書いた部分をこのテーブルの中に入れてみよう

工事中 <hr> </font> <table border=0><tr><td> <!--この行を追加--> 私への <a href="mailto:qpon@mxc.mesh.ne.jp"><!--自分のアドレスに書き換えのこと--> Eメールはここをクリック</a> して送ってください。<br> QPONの <a href="http://www2a.biglobe.ne.jp/~qpon/cgi-bin/qpon_bbs.htm"> 掲示板はここをクリックする</a> とつながります。<br> ホームページ用素材が <a href="http://prcm.jp/list/背景"> プリ画像さん </a> で無料で貰える。 </td></tr></table> <!--この行を追加--> <table border=10 bordercolor=#cc0000 bgcolor=#ffffff width="90%"> <tr><td>
それでは保存をして、そのファイルをダブルクリックして開いてみてください。

なにも変わらない様に見えますが文字の先頭は揃ったのでは?
<table>外で指定した<center>タグの効力が効かなく
なったのです。
<table>の内外は別世界なのです。
border=0と言う見えない壁でも同じ事です。

上手く使うと気づかれずに体裁が整えられます。


変更後のソース

<html> <head> <title> 私のホームページ </title> </head> <body background="003.gif"> <center> <font size=7 color=#00ff00> 私のホームページ<br> </font> <font size=6 color=#ff0000> 工事中<hr> </font> <table border=0><tr><td> <!--この行を追加--> 私への <a href="mailto:qpon@mxc.mesh.ne.jp"><!--自分のアドレスに書き換えのこと--> Eメールはここをクリック </a> して送ってください。 <br> QPONの <a href="http://www2a.biglobe.ne.jp/~qpon/cgi-bin/qpon_bbs.htm"> 掲示板はここをクリックする </a> とつながります。 <br> ホームページ用素材が <a href="http://prcm.jp/list/背景"> プリ画像さん </a> で無料で貰える。 </td></tr></table> <!--この行を追加--> <table border=10 bordercolor=#cc0000 bgcolor=#ffffff width="90%"> <tr><td> <a href="5701.jpg"> <img src="57.jpg" width="100%"> </a> </td></tr> </table> <hr> <b>会員のEメールアドレス</b> <table border=10 bordercolor=#ff44aa bgcolor=#ffffaa> <tr><th>会員名</th><th>区分</th><th>メールアドレス</th></tr> <tr><td>宮本幸雄</td><td>個人</td><td>qpon@mxc.mesh.ne.jp</a></tr> <tr><td>xxxx</td><td>個人</td><td>xxxx@mb.infoweb.or.jp</td></tr> <tr><td>oooo</td><td>個人</td><td>oooo@mx01.tns.or.jp</td></tr> <tr><td>−−−−</td><td>個人</td><td>----o@sc4.so-net.ne.jp</td></tr> </table> </center> </body> </html>

表示見本
私のホームページ
工事中
私への Eメールはここをクリック して送ってください。
QPONの 掲示板はここをクリックする とつながります。
ホームページ用素材が プリ画像さん で無料で貰える。

会員のEメールアドレス
会員名区分メールアドレス
宮本幸雄個人qpon@mxc.mesh.ne.jp
xxxx個人xxxx@mb.infoweb.or.jp
oooo個人oooo@mx01.tns.or.jp
−−−−個人----o@sc4.so-net.ne.jp
.
.
ホームページ作り入門<9>へ