サルでもわかる？かんたんHTML トップページ
>>> ＃２．ページ
>>> ページの背景に色をつけよう
「今回は背景に色をつけるタグを勉強するぞぃ。」
「わぁ！まっきっきだ！」
「今まではページの背景は白だったからのぅ、
色をつけるだけで、HPらしくなった気がするぞぃ。
こんなタグを使うんじゃ。」
ページの背景に色をつけるタグ
-----------------------------------------------------------------
<BODY bgcolor="■"> 〜 </BODY> ： ページの背景の色を■にする。
（■には色の名前を入れる）
-----------------------------------------------------------------
「ん？ <BODY>〜</BODY> って最初にやった
もっとも基本的なタグ で出てきましたよね？」
「今回はその <BODY>〜</BODY> の開始タグに入れて使うんじゃよ。」
「えっと、b・・・g・・・color？」
「うむ。 background（背景） の bg と覚えると覚えやすいぞぃ。」
「そっか！ color は 色 だから、
bgcolor で 背景の色 ってことですね☆」
「そうじゃ。 では実際に使ってみようかのぅ。」
「こんな風に入力するんじゃ。
<BODY>〜</BODY> は1ページにつき1度しか使えないんじゃったな。
じゃが bgcolor="■" はほかでも使うことがあるぞぃ。
ではブラウザで見てみようかのぅ。」
「わ〜！今度はまっかっかだ！そういえば、色ってredとかblueとか、
普通に色の名前を入れていったらいいんですか？」
「色の名前を入れる方法と、もうひとつ、
カラーコード を使う方法があるんじゃ。」
「カラーコード？」
「うむ。色というのはものすごくたくさんあるじゃろぅ？
赤だけでもちょっと薄い赤、もうちょっと薄い赤・・・というようにな。
これらの色にすべて名前をつけるとなると、かなり大変なんじゃ。」
「そうですよね。覚える方も大変ですもん。」
「そこで、微妙な色もかんたんにあらわせるように、
それぞれの色に数字とアルファベットを組み合わせた番号をつけたんじゃ。
たとえば、赤を1番、ちょっと薄い赤を2番、
もうちょっと薄い赤を3番・・・というようにな。」
「なるほど☆じゃあ、いろんな色の名前を知らなくてもいいんだ。
何番から何番まであるのかなぁ？」
「うむ。実際のカラーコードは #RRGGBB という形であらわすぞぃ
R,G,B それぞれに数字とアルファベットと入力していくんじゃが、
その組み合わせは 16,777,216通り もあるんじゃよ。」
「えっ！いっせんまん？？？そんなに覚えられませんよぉ〜！」
「ふぉっふぉっふぉっ。覚える必要はないぞぃ。
どの色が何番になるか、という対応表がちゃんとあるからのぅ。
よく使う色だけ覚えておいてもいいかもしれんな。
カラーコードについて詳しいことは #RRGGBBってなに？ を見るとよいぞ。」
「わかりました。」
↑ページのTOPへ
サルでもわかる？かんたんHTML トップページ >>> ＃２．ページ >>> ページの背景に色をつけよう
「今回は背景に色をつけるタグを勉強するぞぃ。」| サンプル |
|
わしのラッキーカラーは黄色じゃ。 |
「わぁ！まっきっきだ！」
「今まではページの背景は白だったからのぅ、色をつけるだけで、HPらしくなった気がするぞぃ。
こんなタグを使うんじゃ。」
ページの背景に色をつけるタグ
-----------------------------------------------------------------
<BODY bgcolor="■"> 〜 </BODY> ： ページの背景の色を■にする。
（■には色の名前を入れる）
-----------------------------------------------------------------
「ん？ <BODY>〜</BODY> って最初にやったもっとも基本的なタグ で出てきましたよね？」
「今回はその <BODY>〜</BODY> の開始タグに入れて使うんじゃよ。」
「えっと、b・・・g・・・color？」
「うむ。 background（背景） の bg と覚えると覚えやすいぞぃ。」
「そっか！ color は 色 だから、 bgcolor で 背景の色 ってことですね☆」
「そうじゃ。 では実際に使ってみようかのぅ。」| メモ帳 |
|
<HTML>〜</HTML> の間に入力
<BODY bgcolor="red"> これで背景が赤になるぞぃ。 </BODY> |
「こんな風に入力するんじゃ。<BODY>〜</BODY> は1ページにつき1度しか使えないんじゃったな。
じゃが bgcolor="■" はほかでも使うことがあるぞぃ。
ではブラウザで見てみようかのぅ。」
| ブラウザ |
|
これで背景が赤になるぞぃ。 |
「わ〜！今度はまっかっかだ！そういえば、色ってredとかblueとか、普通に色の名前を入れていったらいいんですか？」
「色の名前を入れる方法と、もうひとつ、カラーコード を使う方法があるんじゃ。」
「カラーコード？」
「うむ。色というのはものすごくたくさんあるじゃろぅ？赤だけでもちょっと薄い赤、もうちょっと薄い赤・・・というようにな。
これらの色にすべて名前をつけるとなると、かなり大変なんじゃ。」
「そうですよね。覚える方も大変ですもん。」
「そこで、微妙な色もかんたんにあらわせるように、それぞれの色に数字とアルファベットを組み合わせた番号をつけたんじゃ。
たとえば、赤を1番、ちょっと薄い赤を2番、
もうちょっと薄い赤を3番・・・というようにな。」
「なるほど☆じゃあ、いろんな色の名前を知らなくてもいいんだ。何番から何番まであるのかなぁ？」
「うむ。実際のカラーコードは #RRGGBB という形であらわすぞぃR,G,B それぞれに数字とアルファベットと入力していくんじゃが、
その組み合わせは 16,777,216通り もあるんじゃよ。」
「えっ！いっせんまん？？？そんなに覚えられませんよぉ〜！」
「ふぉっふぉっふぉっ。覚える必要はないぞぃ。どの色が何番になるか、という対応表がちゃんとあるからのぅ。
よく使う色だけ覚えておいてもいいかもしれんな。
カラーコードについて詳しいことは #RRGGBBってなに？ を見るとよいぞ。」
「わかりました。」↑ページのTOPへ
|
右揃え・中央揃え・左揃え <<< 前のページへ戻る |
文字の大きさを変えよう 次のページへ進む >>> |
サルでもわかる？かんたんHTML トップページ >>> ＃２．ページ >>> ページの背景に色をつけよう
