サルでもわかる？かんたんHTML トップページ
>>> ＃６．表
>>> 表の背景に画像を使おう
「今回は表の背景に画像を使ってみるぞぃ。」
表の背景に画像を使うタグ
-----------------------------------------------------------------
backgroundr="■" ： 表の背景に■の画像を使う。
（■に画像のURLを入れる）
-----------------------------------------------------------------
「これも前回と同じように、
<TABLE>、<TR>、<TD> に使えるんですか？」
「それがのぅ、今回は使っているブラウザによって違うんじゃ。
ブラウザが
ネットスケープナビゲーション → すべて使える
インターネットエクスプローラ → <TR> に指定しても表示されない
わしが使っておるのはインターネットエクスプローラじゃが、
一応 <TR> の例もあげておくぞぃ。」
「ではブラウザで見てみるぞぃ。」
「今回のように、ブラウザによって使えるものと使えないものがあるから
注意が必要じゃ。
また、背景に使う画像が表やセルより小さい場合は並べて表示されるぞぃ。
今回はここまでじゃ。」
↑ページのTOPへ
サルでもわかる？かんたんHTML トップページ >>> ＃６．表 >>> 表の背景に画像を使おう
「今回は表の背景に画像を使ってみるぞぃ。」| サンプル | ||||||||
|
「こんなタグを使うぞぃ。」
表の背景に画像を使うタグ
-----------------------------------------------------------------
backgroundr="■" ： 表の背景に■の画像を使う。
（■に画像のURLを入れる）
-----------------------------------------------------------------
「これも前回と同じように、<TABLE>、<TR>、<TD> に使えるんですか？」
「それがのぅ、今回は使っているブラウザによって違うんじゃ。ブラウザが
ネットスケープナビゲーション → すべて使える
インターネットエクスプローラ → <TR> に指定しても表示されない
わしが使っておるのはインターネットエクスプローラじゃが、
一応 <TR> の例もあげておくぞぃ。」
| メモ帳 |
|
<BODY>〜</BODY> の間に入力
<TABLE border background="画像のURL"> <TR> <TD>かぁ〜らぁ〜すぅ〜</TD> <TD>なぜなくの〜？</TD> </TR> <TR> <TD>カラスの勝手でしょ！</TD> <TD>カァカァ</TD> </TR> </TABLE> <TABLE border> <TR background="画像のURL"> <TD>かぁ〜らぁ〜すぅ〜</TD> <TD>なぜなくの〜？</TD> </TR> <TR> <TD>カラスは</TD> <TD>やぁ〜まぁ〜にぃ〜</TD> </TR> </TABLE> <TABLE border> <TR> <TD background="画像のURL">か〜わい〜い、な〜な〜つぅの</TD> <TD>おばあさんがいるからです。</TD> </TR> </TABLE> |
「ではブラウザで見てみるぞぃ。」| ブラウザ | ||||||||||
↑ 表全体の背景に画像が使われておるな。
↑ 上の列だけ画像が使われておる。 （インターネットエクスプローラでは何も表示されないぞぃ）
↑ 左のセルだけ背景に画像が使われておるな。 |
「今回のように、ブラウザによって使えるものと使えないものがあるから注意が必要じゃ。
また、背景に使う画像が表やセルより小さい場合は並べて表示されるぞぃ。
今回はここまでじゃ。」
↑ページのTOPへ
|
表の背景に色をつけよう <<< 前のページへ戻る |
セルを結合しよう 次のページへ進む >>> |
サルでもわかる？かんたんHTML トップページ >>> ＃６．表 >>> 表の背景に画像を使おう
