初心者大歓迎!HTMLを使って一緒にHP作成してみませんか?


超初心者のための超かんたんHP作成講座・サルでもわかる?かんたんHTML

サルでもわかる?かんたんHTML トップページ  >>> #6.表  >>> 表の背景に色をつけよう



      



表の背景に色をつけよう



HP作成講座の先生  「今回は表の背景に色をつけてみるぞぃ。」



 サンプル


HP作成講座の先生 HP作成講座の先生
HP作成講座の先生 HP作成講座の先生


HP作成講座の先生 HP作成講座の先生
HP作成講座の先生 HP作成講座の先生



HP作成講座の先生 HP作成講座の先生
HP作成講座の先生 HP作成講座の先生






HP作成講座の先生  「こんなタグを使うぞぃ。」



電球  表の背景に色をつけるタグ
-----------------------------------------------------------------


 bgcolor="■" : 表の背景を■色にする。 (■には色の名前を入れる)


-----------------------------------------------------------------



HP作成超初心者  「このタグ、 ページの背景に色をつけよう で出てきましたよね?」


HP作成講座の先生  「そうじゃったな。これは、
    <TABLE>、<TR>、<TD> すべての開始タグで使えるぞぃ。

    <TABLE> なら表全体の背景、
    <TR> ならその列全体の背景、
    <TD> ならそのセルのみの背景

    を指定できるんじゃ。
    では実際に使ってみるぞぃ☆」





 メモ帳
<BODY>〜</BODY> の間に入力


<TABLE border bgcolor="blue">
 <TR>
  <TD>ぞぉ〜おさん、ぞぉ〜おさん</TD>
  <TD>お〜はなが長いのね</TD>
 </TR>
 <TR>
  <TD>そぉ〜よ、かぁさんも</TD>
  <TD>なぁ〜がいのよぉ〜</TD>
 </TR>
</TABLE>


<TABLE border>
 <TR bgcolor="red">
  <TD>ぞぉ〜おさん</TD>
  <TD>ぞぉ〜おさん</TD>
 </TR>
 <TR>
  <TD>だぁ〜れが</TD>
  <TD>好きなぁの?</TD>
 </TR>
</TABLE>


<TABLE border>
 <TR>
  <TD bgcolor="yellow">キリンさんが</TD>
  <TD>好きです。</TD>
 </TR>
</TABLE>




HP作成講座の先生  「ではブラウザで見てみるぞぃ。」



 ブラウザ
ぞぉ〜おさん、ぞぉ〜おさん お〜はなが長いのね
そぉ〜よ、かぁさんも なぁ〜がいのよぉ〜


↑ 表全体の背景が青になっとるな。



ぞぉ〜おさん ぞぉ〜おさん
だぁ〜れが 好きなぁの?


↑ これは1列目だけ背景が赤くなっておる。



キリンさんが 好きです。


↑ 左のセルだけ背景が黄色になっておるな。






HP作成講座の先生  「どうじゃ?そんなに難しくなかったかのぅ?
    次は表の背景に画像を使ってみるぞぃ。」






↑ページのTOPへ


表の大きさを指定しよう
<<< 前のページへ戻る
表の背景に画像を使おう
次のページへ進む >>>


サルでもわかる?かんたんHTML トップページ  >>> #6.表  >>> 表の背景に色をつけよう





Copyright (C) 2006
超初心者のための超かんたんHP作成講座
サルでもわかる?かんたんHTML