HTML(ホットミルク)講座
第5時限・サンドウィッチの中のサンドウィッチ♪
==教授と助手の吹き出し(?)も併せてお楽しみ下さい。==
「き、教授?教授!そろそろ第5時限始めますよー!」
「ん?・・むにゃむにゃ・・あ、あと10分・・」
「教授ーっ!」
「ん?な、なんぢゃ?・・あ、ああ・・時間かの?」
「『時間かの?』ぢゃないですよ!とっくに10分過ぎてますよ!それに、ほら、講義を待ってる人が!」
「ほよ?そ、そうかの?わしの講義をのぉ・・。そりゃー奇特なお人ぢゃ。あ・・いやいや、嬉しいかぎりぢゃ。ありがたいのぉ。」
「ですから、講義を始めて下さい!」
「ほいほい。・・ところで、何だったのぉ?」
「『テーブル』についでだとさっきおっしゃってみえたじゃないですか?」
「ほぉ〜。(この際、テーブルよりベッドの方が寝るには・・」
「教授・・・?」
「わ、わかった、わかった!冗談ぢゃて。」
「・・(小声で)冗談に聞こえないから怖いんじゃないですか、教授の場合・・・。」
「よ、よ〜〜し!始めるぞぉ!」
「・・・ということで、第5時限、『table』タグぢゃ。表とかテーブルと呼ばれておる。ま、これもサンドウィッチぢゃ。
つまりぢゃ、チーズでくるんだ中身を『ハムとレタスで挟む』んぢゃ!チーズでくるんだ中身は複数OKぢゃぞ。」
[レ タ ス]→ → → <table> [ ハ ム ]→ → → <tr> [チ ー ズ]→ → → <td> [ 具 ] → → → いろいろ [チ ー ズ]→ → → </td> [ ハ ム ] → → → </tr> [レ タ ス]→ → → </table> |
|
「空白は気にしないでくれ。で、トッピング(?)したい場合は、<td></td>の代わりに<th></th>を使うんぢゃ。」
「・・つまり、見出しってことですね。」
「まーそうぢゃの。今から上げる例は、前のソースに追加していってくれたまえ。</center>の前にの。」
|
「見出しは太字で強調されるんですね。・・それと、『1行が<tr>で始まって、</tr>で終わる』ということでいいんですよね?」
「そうぢゃ。ぢゃから、チーズ(『td』)でくるんだもの(内容)を横に並べて、ハム(『tr』)で挟む。で、それを好きなだけ積むんぢゃ。で、最後にレタス(『table』)で全体を挟む、とまーこんなとこぢゃ。それとぢゃ、thとしただけで、中身は中央寄せで表示されるんぢゃ。指定しなくてものぉ。上のは表の幅を指定してないから、わからんがのぉ。(笑」
「それといつものごとく、『bgcolor』は、背景色ぢゃ。で、『th bgcolor=』とか『td
bgcolor=』とかすると、そこのセル(マス)だけを変更できるんぢゃ。勿論、『background』で画像ファイルでの背景もOKぢゃぞ。」
「ふむふむ・・。」
「それでは、一気に難しいのを。なに、1つずつ見ていけば大丈夫ぢゃ。」
|
「説明は表の中の空欄に書いておいたので分かるぢゃろ。後は・・レタスの味付けぢゃが、(<table>に挿入できること)『width="" height=""』で初めからテーブルの大きさを指定することも可能ぢゃ。また、『bordercolor=""』だけで、枠の線の色だけ変える事もできるんぢゃぞ。」
「ふむふむ・・。」
「それと、<tr><th><td>の中には、『align="left/center/right"』や『valign="top/middle/bottom/baseline"』で、セル中の文章の位置を指定できるのぢゃ。alignは水平方向、valignは垂直方向ぢゃ。<tr>の中で指定すれば、その列の全部のセルが同じ設定になるのぢゃ。」
「ふむふむ・・。」
「後は・・そうぢゃな、こんなとこかのぉ。」
ソース | 表 示 | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
<table border bordercolor="red"> <tr><td rowspan="3">色</td><td>青</tr></tr> <tr><td>黄</td></tr> <tr><td>紫</td></tr> </table> <br> <table border > <tr><td colspan="3" align="center">色</td></tr> <tr><td>青</td><td>黄</td><td>紫</td></tr> </table> <br> |
|
「見てもらえばわかるように、rowspan=は、セルの縦幅を調整し、colspan=は、セルの横幅を調整するんぢゃ。」>/a>
「あ・・そうなんですか・・ふむふむ・・。」
「で、では、今日の講義はこのへんで・・。どうもお疲れさまでした、教授。あちらでお茶でも。」
「お?それは、かたぢけない。では、みなさん、今日はわしの講義を聴いて下さり、誠にありがとうございました。また会える日を楽しみにしておりますぢゃ。」
「・・どうもご静聴、ありがとうございました。基礎編は、これにて終了致します。ご要望、ご意見、ご感想などございましたら、葛葉まで、お気軽にmail下さい。」
「そうぢゃな。課外授業とかできるかもしれんしのぉ。」
「私は、ちょっとまとめてみようかと・・。」
「今までの講義の応用で、葛葉程度のHPなら十分作れるはずぢゃ。なに?あの程度では不満とな?・・・しかしぢゃなぁ、あれでも葛葉は一生懸命なんぢゃぞ。笑わんでおいてくれ。・・後は、そうぢゃな、タグをいかに応用するか、それと素材とセンス・・ぢゃろうな?まー、頑張ってくれたまえ!」
「では、またいつかお会いしましょう!」
<< ホットミルク・基礎(完) >>
どうもありがとうございました!!しばらく勉強をします。(ホント?)/^-^;
教授の挨拶は飛ばして課外授業(フレーム)へ行きたいひとは、ここをクリック!(笑
【タグ辞典INDEX】 【Html Index】
[ここへジャンプしてきたページに戻る]