|
まず、今までので色を変更すれば結構見れない事も無いですよね。 でも、ちょっとだけイジってもうちょい良くしましょう。 フレームなどもあるんですが、これは好き嫌いありますんでタグ集の方をどぞ。 ここでは今まで教えたタグにちょっとプラスしたり、応用した使い方を教えましょう。 まず、<TABLE>タグのからいきましょう。 BGCOLOR="#000000" これは<TABLE><TR><TD>全てに入れられます。 全ての背景の色を指定出来るんですね、はい。 ここだと<BODY>で指定してる背景色はAAAAFFでちょっと明るい青です。 でも、BORDER=0の<TABLE>タグを使ってて、そこが白になってます。 ちょうどこの文字を書いてるとこですね。 ここは<TR>も<TD>も１個しか使っていないので、 <TABLE>タグで白を指定してテーブル全体を白にしてます。 <TR>に入れるとその列１列が同じ色になるし、 <TD>に入れればそのマス１マスがその色になるよ。 これを使うと、
こんなんが作れますよ。 もちろん下の方で枠無しもアリだし、上で枠アリもアリだよ。 こんな風に枠のアリナシでも大分違うし、色の組み合わせでも違うよ。 あと、テーブルだとぉ、 WIDTH=? これは<TABLE><TR><TD>どれにも入るよ。 これはテーブルの横幅をあらかじめ決めてしまうタグね。 普通にテーブル使うとそれぞれ文字や画像が続く限り横に大きくなるんだけど、 これを使うとそれ以下でもそれ以上でも指定した横幅をキープしてくれます。 ?のとこには、ピクセル値ってのが入るんだけど、わかりにくいっすよね？ ここはピクセル値だけじゃなく、%でも記入出来るよ。 <TABLE WIDTH=80%>とかね。 この場合は、何を基準に％を設定するかってと、ウィンドウの大きさね。 それに大しての何％かって意味です。 わしみたいに日記とかに使いたい人にはかなり便利だと思うよぉ。 やっぱり全部同じ大きさじゃないとおかしくなるからね(笑) あと、縦も決めれるんだけど、これは正直あまり使わない(笑) ので、タグ集の方を見てくださいな(笑) COLSPAN & ROWSPAN これは横に突き抜けたり、縦に突き抜けたりね。 って、言ってもわからんって話だよね(笑) 例えば、１列目の横のマスが４マスだとするよね。 で、次の列が横に２マスしかない、そんな場合おかしくなるでしょ？ そんな時には横に突き抜けるCOLSPANを使う。 １個につき２個分を使いたい訳だから、２列目のTDに入れて、 COLSPAN=2にすると１つのTDが２個分使ってくれるよ。 ROWSPANは１個目のマスを２列同じにしたい時に便利。 １個目のマスの上の方のTDにROWSPAN=2を入れるだけ。 こっちは大体COLSPANしか使わないかなぁ。 これを使うと、こんなんが出来たりしまっせ。
ちゃんとなってるっしょ？ テーブルはこんな事も出来る訳よ。 これにも色分けとか色々使えるね。 あとは、テーブルの２個重ね！！ テーブルの中にテーブルを入れちゃう訳なのよ。 こんな感じになります。
テーブルはこんなもんかな？ 次はフォントとリンクの組み合わせね。 とりあえず、こんな感じにすると・・・。 <A HREF="URL"><FONT COLOR="#990000">リ</FONT>ンク</A> これを実際にやってみるとぉ、 「リンク」
こんな感じになりまっせ。 リンクの文字を１文字ずつ変えたり、これみたいに最初だけ変えたりね。 もし、HPのクリスマスverを作るとかなったら、リンク文字を赤と緑にしてみるとか。 まぁ、これがそうだったりするんだけど(笑) あと、リンクの色を背景と同じにして見えなくして隠しリンクってのもアリだね。 まぁ、左クリックしたままで画面全体を範囲していされればバレるんだけどね(笑) まぁ、アリっちゃアリって事で(笑) この「応用編」ではタグを表記してなかったりします。 そろそろ説明だけでもわかるかなぁって(笑) まぁ、説明でわからなくてもソースを見て調べたり出来るかなぁって(笑) とりあえず、これだけ知ってりゃ作れるよ。 これで初心者編も終わりって事でね。 質問ある場合は掲示板でもメールでも、IRCでもどぞどぞ。 F^o^xってニックでirc.reicha.netにいますんで。 夜中しかいませんけど(笑) まぁ、いつでも来い！！ でわゎ、この他色々知りたいのであれば本家HTML講座へどぞどぞ。 もうそっちも理解出来るレベルにいると思うよ。 ではまた！！ | ||||||||||
＜＜ＢＡＣＫ