まほうじゅＰＬＡＺＡ、ご案内ブログなど、まほうじゅブログの詞
子供たちが駒に向かい 視界を広げ
火車（ひしゃ）や 勝利や 知恵までも つかもうとしている
「まほうじゅとは、おもちゃだよ。」と、ウソを言えない私、
見る間に学力が伸びるの気づいていた
部屋のオブジェが表す 「何か」
ボケかけのママの脳も揺さぶるらしい
互いにとって、気持ちいつも探る遊び
ちょっと、教室じゃ習えない「まほう術」
（Ｍｅｌｏｄｙ：久保田早紀「異邦人」）
＊＊＊＊＊＊
文字を書くのはプログラムの基本中の基本です。
まず、プログラミング とだけ書いてプログラム書きデビューしました。
画面いっぱい広々と使ってたったそれだけを・・・。
1文書いて他に何もできない、ではろくな表現ができません。
それに、「色」はプログラム入門書の最大の課題です。
よくある入門書の、「カラフルで楽しい」までの遠いこと。
四角く範囲を切って、色を付け、そこに書く、と言うやり方を紹介しましょう。
＊四角の中に文字を書く
mygram.htmlを以下のように修正してみましょう。
divタグとその終了タグの範囲はアイディーが「box1」であり
範囲中の表示は プログラミング としたことになります。
これで書き終わりではありません。次にスタイル設定をしてみます。
まずは、その範囲がどんな色でどんなサイズなのか。
右のように、正確に書き加えて実行してみてください。「プログラミング」以外すべて半角です。
<style>タグの範囲があって、その中でアイディーbox1について定義をしている部分が
#box1 から始まった中カッコの範囲です。そこでの設定内容は
幅：300ピクセル。高さ：400ピクセル。背景色：シルバー。
その実行結果は左の通り。
幅、高さを設定する値を書き換えていろんな大きさにしてみましょう。
silver を他の色名（英語で正確に）に変更して試してみましょう。
＊タグについて
記述範囲の意味合いを表す標識です。不等号カッコとタグ名が基本形です。
タグと、同じ名前でスラッシュがある終了タグとで範囲を表現しているものも多いです。
<style> ～ </style> など。
人気のお店で行列に並んだことはありませんか？
「ここが最後尾」という札を持った係員さんを見たことはないですか？
おかげでそこまでが何かの範囲だとわかります。
あれが</style>とか</div>とかの標識だと思えばいいんじゃないでしょうか。
また、先頭タグにはID名など、他に情報をいろいろ書き足すこともあります。
<style>タグ範囲は表示物のスタイル設定を記述する範囲で、そこに書いた設定内容は
非表示です。
＊ＣＳＳ
<style>範囲内では特定の範囲の表示スタイルを決めていました。
このスタイル設定部分を カスケードスタイルシート(ＣＳＳ）と呼んでいます。
設定する要領は完全に決まっています。
設定項目：設定内容； 例）width：300px；
幅は、コロン、300ピクセルにしようとか、値を設定して、セミコロンで締めくくります。
この言語のことを勉強したくて本を探す場合は、HTML、ＣＳＳをキーワードにすると
いいでしょう。
＊文字の色はなぜ黒い？
特に設定を記述しない場合、暗黙で決まっている値（デフォルト値）があります。
文字色の場合は黒の値にＣＳＳ設定されているということです。
他にも、表示した区分box1の起点（左上隅）がその位置であるとか、
文字がこの大きさであるとか、暗黙の値はいろいろあります。
次回は「カラーの微調整」
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
