・この文字に触ってね♪<a onmouseover="bgColor=’触った時の色’" onmouseout="bgColor=’離した時の色’" onclick="bgColor=’クリックした時の色’">この文字に触って♪</a> ◆ タグいろいろ ◆ <center><TABLE><TR><TD BGCOLOR="Black"><font face="HGS創英角ポップ体"><FONT COLOR="ff00ff"><b>タグいろいろ</center></b></TD></TR></TABLE> <TABLE BGCOLOR="#000000" BORDER=8 cellpadding=6><TR BGCOLOR="#C0FFC0"><TD><IMG SRC="画像のアドレス"> </TD></TR></TABLE> ここに文字 ★ちょっと遊んでみました。枠も太くなったでしょう。 ★背景の色や、枠の数字を変えたりしてみてください。 <TABLE BGCOLOR="#000000" BORDER=20 cellpadding=6><TR BGCOLOR="#ff00ff"><TD><IMG SRC="画像のアドレス"> </TD></TR></TABLE> ●枠線の形式 何も表示しない「none」の他に、次のような枠もあります。 ① 『 dotted 』 ② 『 solid 』 ③ 『 double 』 ④ 『 dashed 』 ① 『 dotted 』 ★枠線「dotted」を使うには・・・★ <TABLE BORDERCOLOR="#FF00FF" style="border-style:dotted"> ② 『 solid 』 ★枠線「solid」を使うには・・・★ <TABLE BORDERCOLOR="#FF69b4" style="border-style:solid"> ③ 『 double 』 ★枠線「double」を使うには・・・★ <TABLE BORDERCOLOR="#9370db" style="border-style:double"> ④ 『 dashed 』 ★枠線「dashed」を使うには・・・★ <TABLE BORDERCOLOR="#7fffd4" style="border-style:dashed"> ●テーブルの背景に画像を使う場合のタグ● <TABLE BORDERCOLOR="#FA8072" style="border-style:double"BACKGROUND="背景画像のアドレス"> <TR><TD> ここに文字を入れる </TD></TR> </TABLE> ●<center>を使うと、 文字が揃わずに、見栄えの悪い時があります。 ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ ① 作成日:2003.6.20 ② タグを使っていろいろな事に挑戦しています。 ③ 初心者向けの説明です。 ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ ※ ↑の文章が見栄えの悪い見本です。 そんな時には、下のタグを使ってみてください。 文字の位置は中央のままですが、左揃いになります。 <CENTER> <TABLE><TR><TD> ① 作成日:2003.6.20 ② タグを使っていろいろな事に挑戦しています。 ③ 初心者向けの説明です。 </TD></TR></TABLE> </CENTER> ●枠の中のタグを使えば下のようになります。 ① 作成日:2003.6.20 ② タグを使っていろいろな事に挑戦しています。 ③ 初心者向けの説明です。 ●緑の枠は説明のためだけですので、 実際には表示されません。 ●カッコは半角にして使ってください。 半透明文字です。これでも黒の色を指定したんですよ。 |