ＨＴＭＬ（ホットミルク）講座

第３時限・中身は配置よく挟もうね★
==教授と助手の吹き出し(?)も併せてお楽しみ下さい。==

　
「教授？そろそろ始めて下さい。」

「なんぢゃ・・もうそんな時間か？」

「もうとっくに３０分過ぎてますよ。」

「ほいほい・・やぁれやれ・・。では、さっそくソースと行くか・・・（うるさく言われんうちに・・） お、そうぢゃ、勿論、画像と文章は適当に好きなのと変えてもＯＫぢゃぞ。」

「見比べてみて、何かわかったかの？」

「・・・」

「なんぢゃ・・分からんのか？」

「・・・分かりますよ・・違いくらい・・・。」

「お？ホントかな？」

「あ・・あのですねー・・いいです・・勝手にやってて下さい・・・。」

「おろ？すねてしまったぢゃろか？」

「・・・」

「ま、まー、説明に入ろうかの？」
「つまりぢゃ、画像が大きくても文字の一行と同じと見られるんぢゃ。 ぢゃから普通に並べたんでは、画像の隣には、一行しか表示してくれないんぢゃ。」

「・・・」

「『top』は横の画像の頂点、『middle』は、真ん中に合わせて文章を表示してくれるんぢゃ。『bottom』もあるんぢゃが、指定しないときと一緒なんでの。省略ぢゃ。」

「でも、画像の横には１行だけですよね？」

「そうぢゃ。ぢゃから、複数行ある時は、画像の下に表示されるんぢゃ。 ぢゃから、横に複数行表示させたいときは、その下の『left』『right』を指定するんぢゃ。」

「画像が左か、右にかですね。真ん中の場合は？」

「真ん中に表示したいときは、前言った『<center></center>』で全体を囲めばいいんぢゃ。」

「そうでしたね。」

「お、それから<i></i>に囲まれた文章の文字は斜体になるからの。」

「それとぢゃ、比べてもらうと分かると思うが、一番下のわしのページへのリンクの画像ぢゃが、borderが指定してない時の境界線の太さは、そのくらいぢゃ。前にも言ったが、ない方がいいときは、０にするんぢゃぞ。

さてお次ぢゃ。お！その前にぢゃ、『<br clear="all">』というのは、画像の横に文章などをそれ以上表示させたくない場合に使うんぢゃ。『="all"』はなくてもいいぞ。実験に、そこのところをただの<br>にしてみてくれたまえ。よく分かるぞ。」

では、お次は・・と。下のソースを追加入力してくれるかの？リンクの前の<center>の前にぢゃぞ。」

「hspaceは画像に対する左右の余白ぢゃ。vspaceは上下の余白なのぢゃ。いろいろ数値を変えて実験してみてくれたまえ。」

「<p style="background-color:white;">比べてみようＰａｒｔ２</p>は、その文章の書かれている行が、指定された背景色になるのぢゃ。ぢゃが・・これは、ネットスケープには対応してないみたいぢゃのぉ。」

「なるほど・・。」
「文字の所だけ背景を変える場合は、
<span style="background-color:white;"><p>比べてみようＰａｒｔ２</p></span>でＯＫぢゃ。こっちは、ネットスケープも対応しておるようぢゃ。あ、どちらも文章は複数行可能ぢゃからの。<p></p>はなくても構わんぞ。その<p>〜</p>は、それで囲まれた部分が一段落という意味ぢゃ。」

「それでは、第３時限はここまでぢゃ。『test2.html(htm)』で保存しておくのぢゃぞ。それで、前のとリンクがきちんとできておるか、よ〜く確かめるようにの。もし、できてなかったら、よ〜く見直すんぢゃぞ。半角スペースが全角になっていただけでもだめぢゃからの。それで、もしボード通りでもだめだったら、ここのＢＢＳかE-mailで連絡してほしいのぢゃ。頼んだぞ。」
「ではまた第４時限でお会いしましょう！」
「お？！今回は素直ぢゃな。」
「やるべきことをしてくだされば、私だって毎回毎回、うるさく言わないですよ。」
「いやぁ〜・・まいったのぉ・・。ほっほっほ！」
「次回は、多分・・テキストについて・・です。画像についても取り上げれば、まだまだあるのですが、今はひとまずこれで。ご質問などございましたら、お気軽に葛葉までmail下さい。」
『では、第４時限でお会いしましょう！』

＜＜ 第４時限に続く ＞＞

ご意見、ご感想など、お気軽にお寄せ下さい。



【タグ辞典INDEX】　【Html　Index】

[ここへジャンプしてきたページに戻る]