| 「昨日(6日目に)やったことを下に書きだしてみたぞ!」 |
| 「てとこだな。ちょっと覚えること多いけど、その調子でファイトだっ!今日は、表を作るぞ!ちとややこしいが、しっかりついてくるんだ!とりあえず今日は、こんな感じのページを作る予定だっ!!」 |
| こんなページ←クリックしてみそ★ |
 |
「表ってあのひょーですかぁ?」 |
| 「ひょーだ!取りあえず今まで使ったタグを使って骨組みをつくるぞ!
まず下の新しいテキストを作成するのだ!」 |
 |
「ふぁーい」 |
| 「と打って、『profile.html』という名前を付けて、『mypage』の中に保存しておくのだっ!」 |
| 「保存しました〜!!」 |
| 「よし!次は、表のタグを入れていくぞ!『<BODY></BODY>』の間に『<table border="1"></table>』とうつのだっ!」 |
| 「打ちました!」 |
| 「この『<table></table>』は、表を作りますよ!と定義するためのものだっ!」 |
| 「はぁ、ひょうなんですか〜」 |
| 「そして、この『border="1"』は、表の線の太さをあらわしているっ!」 |
| 「ひょうなんですか〜」 |
 |
 |
 |
「あれー?表示させても、またなんにもならないっすよ〜??」 |
 |
「ここまででは、なにも表示されないのだ。『太さ1の表を作りますよ』と言っているだけ。表には、『列縦方向<tr>と行横方向<td>』があり、それを記述しないと形にならないのだっ!」 |
 |
「ふーんなんかむずかしそうですね。」 |
 |
「まあな。挫折したら、メガーネをメガネとエロ本いっぱいの墓で葬ってやるからな。」 |
 |
「うひょひょ〜☆楽しみにしてつ♪」 |
 |
「まず『列<tr></tr>』から描いて行くぞ!」 |
 |
「ふぁーい」 |
 |
 |
 |
「かけました。」 |
 |
「続いて<tr></tr>の間に『行<td></td>』を書いていくぞ!」 |
 |
「保存して、ブラウザで確認してみそ!」 |
 |
「うあっ!?なんか四角いのが2つできてますよ!」 |
 |
「ふふーん♪それが、『列縦方向<tr>と行横方向<td>』で出来た表だ!」 |
 |
「列と行?うーん…ミステリアス☆」 |
 |
「次は、同じように列『<tr>』を増やしていくぞー!」 |
 |
「ふぁーい!」 |
 |
 |
 |
「おおーっ!かっくいいー!ひょーができてますよー?!!」 |
 |
「うむよくがんばったな!何度も言うようだが、表は『列縦方向<tr>と行横方向<td>』でできているのだっ!その後の、『</table> 』も忘れてはいかんぞっ!」 |
 |
「ふぁーい!なんかレベルアップしたみたいっす!」 |
 |
「メガーネにしてはましになってきたなぁ。では、これに『index.html』に戻るのリンクをつけたしてみろっ!」 |
 |
「えー?またリンクですか?リンクってどうやるんだっけ?」 |
 |
「メガーネもう忘れたか!『</table>』の後ろに、『<br><br><a href="index.html">TOPに戻る</a>』とつけたしてみろっ!『<br>』は改行の意味だっ!」 |
 |
「はいでやんす〜!」 |
 |
「ブラウザで確認してみそ!」 |
 |
「おーっ!戻れるようになりましたよ!でも、表の中の文字が見にくいです…」 |
 |
「ふふ、なら『<table border="1">』に『<table border="1" bgcolor="#fff">』
を付け足して、背景を白にしてみろっ!!」 |
 |
「へいへいほー!」
|
 |
「また、一番始めに作った『diary.html』も『<br><br><a href="index.html">TOPに戻る</a>』をつけたして、トップページに戻れるようにしておくようになっ!!」 |
 |
「ほーい!」 |
 |
「後、表の属性を簡単に紹介すると『<width="横幅を数値入力">』横幅と、『<height="高さを数値入力">』高さを指定できるのだ。」 |
 |
「ほへー!?どこに記述すればいいんすか?」 |
 |
「表全体の幅を指定したいなら『<table width="横幅を数値入力">』すればよい!また、各表内のサイズを変えたいときは、『<td width="横幅を数値入力">』または、
『<td height="高さ幅を数値入力">』とそれぞれに指定すればいいのだっ!
今日は、ここまでだっ!!表をもっと使いこなせるようになるとレイアウトに幅が出てくるぞー!!」 |
 |
「がんばるっす!!」 |
|
|
| これで、またwebマスターに一歩近づいた…ざぶーん
|  |
|