です
無料ホームページをどうぞ
↑
(1) <BODY>タグのさまざまなパラメーターを駆使しています。
・BGPROPERTIES=FIXEDパラメーターで、背景のGIF画像を、スクロールさせても動かないようにしています。
・LEFTMARGIN=,TOPMARGIN=パラメーターで、左と上にマージン（空白域）を作っています。ここでは50ピクセルを指定しています。
*** Netscape 7.01では、LEFTMARGIN=,TOPMARGIN=につき、IE同様の動きをすることを確認！ （ただし、スタイルシート推奨ですが……）***
実際の内容は、以下の通りです。（このページのすべての背景は、「はっぴい」さんの著作物です。
ここから獲らずに、気にいったら「はっぴいの素材館」まで。）
<BODY BACKGROUND="../org/hana_pnk.gif" BGPROPERTIES="FIXED" LEFTMARGIN="50" TOPMARGIN="50" TEXT="#000000" LINK="#0000FF" VLINK="#FF0000">
<MARQUEE ALIGN="MIDDLE" BEHAVIOR="SCROLL" DIRECTION="LEFT" LOOP="-1" BGCOLOR="#FFFFFF">...</MARQUEE>
コンセプトのページ（初期設定）
改装履歴（大規模変更のログ）
↑
(3) <IFRAME>タグで、「フローティング・フレーム」を作っています。
MS-IE4のみの機能です。MS-IEでも3以下では何も出ません(MS-IE3で確認済み)。
初期表示させるファイルのほか、サイズやスクロール・ボーダーの有無なども同時に指定しています。
上のように、リンクをつけて、「フローティング・フレーム」内に出す内容を変えることもできます。
*** Netscape も 6 から、このタグをサポートしています。 ***
実際の内容は、以下の通りです。
<IFRAME SRC="concept.html" NAME="IFRAME1" SCROLLING="YES" FRAMEBORDER="1" WIDTH="500" HEIGHT="300">...</IFRAME>...
<A HREF="reform.html" TARGET="IFRAME1">改装履歴（大規模変更のログ）</A>
↑
(4) <HR>タグのCOLOR=パラメーターで、横罫線に色をつけています。
実際の内容は、右の通りです。
<HR COLOR="#FF0000">
| 見出し-1 | 見出し-2 |
|---|---|
| データ-1 | データ-2 |
↑
(5) <TABLE>タグと、その中の<CAPTION>タグで、テーブルの味付けをしています。
その１として、TABLEタグのBORDERCOLORLIGHT=,BORDERCOLORDARK=パラメーターでボーダーに立体感を持たせ、
同じTABLEタグのBACKGROUND=パラメーターでTABLE内の背景を指定しました。
さらにCAPTIONタグのALIGN=パラメーターで、見出しを右に寄せてみました。
*** NN4では、上記のうちTABLEタグのBACKGROUND=パラメーターだけが効いた状態。
NN4.5では、さらに外枠にモノトーンで明暗がつき、立体感は一応出ています。 ***
実際の内容は、以下の通りです。
<TABLE BORDER="5" BORDERCOLORLIGHT="#CCFFCC" BORDERCOLORDARK="66FF66" BACKGROUND="http:../org/hana_ylw.gif"> <CAPTION ALIGN="RIGHT"><FONT SIZE="+1">Sample Table (1)</CAPTION>...</TABLE>
| 見出し-1 | 見出し-2 |
|---|---|
| データ-1 | データ-2 |
↑
(6) <TABLE>タグと、その中の<CAPTION>タグ、さらに<TH><TD>タグで、テーブルの味付けをしています。
その２として、TABLEタグのBORDERCOLOR=パラメーターでボーダーに色をつけ（今度は立体感なし）、
THタグ、TDタグのBACKGROUND=パラメーターでセルごとに背景を指定しました。
さらにCAPTIONタグのVALIGN=パラメーターで、見出しを下側に置いてみました。
*** NN4/4.5では、TABLEタグのBORDERCOLOR=パラメーターで
BORDERCOLORLIGHT,BORDERCOLORDARKを自動的に決め、
かつTH,TDタグのBACKGROUND=パラメーターも効いている状態。
なお、NN4.5では、指定しなかった「立体感」が自動で出てきています。 ***
実際の内容は、以下の通りです。
<TABLE BORDER="5" BORDERCOLOR="#99FF99" BACKGROUND="../org/hana_ylw.gif">
<CAPTION VALIGN="BOTTOM"><FONT SIZE="+1">Sample Table (2)</CAPTION>
<TR>
<TH BACKGROUND="../org/hana_blu.gif">見出し1</TH>...
<TD BACKGROUND="../org/hana_blu.gif">データ1</TD>...
</TR></TABLE>
以下は一応使えますが、できればこの画面をクローズして、戻ってね。
NN only / IE only ページ... に戻る
「工房での作業 全部見せます！」に戻る
「工房」の入り口に戻る
家の玄関へ
このページは
です
無料ホームページをどうぞ