今回はテーブルとｓｃｒｉｐｔで　私にも出来るかなと思いましたがテーブルの基礎がわかって楽しかったです。　　おっ　クッピー！！　ここにもテーブル使って枠の色を変えたわね。
なるほど　　それでは　私が作ったひな形です。　・・・　ひな形６

script によっては　この方法がいいのかどうかはわかりませんし　エラーがでるのもあるかもしれません。　　また　複数のscriptを重ねることによってＰＣへの負担が重くなるかもしれません。　　受信される方との信頼関係を保ち　雛形を楽しんでください　・・・・　応用ひな形

そうね。　　エル　それと画像組み合わせただけでも　素敵なひな形になると思うわ。　　先ほどのテーブルに画像やメッセージを入れて　このｓｃｒｉｐｔと組み合わせてみてね。

(ノ゜ρ゜)ノォォォ・・ォ・・ォ・・・・　出来たは　じゃあ　色を変えて　(o^-^o) ウフッ　素敵な言葉にかえてっと
なんだか　これだけでも　かわいいわね　　あら　背景を真っ黒にして　白のメッセージを入れて　このマウスストーカーをつけるだけでもかわいいじゃない。　　Ｖ(○⌒∇⌒○) ルンルン

先にソースをドラッグしてコピーしますね。
そして左図の黒い部分をドラッグして右クリックして貼り付けをクリックします。
そうすると　先ほどコピーしたソールが張り付きます

編集にすると　真っ白になっていませんか？　　プレビューにしてみてください。　　うまく行きましたでしょう。

「こんにちは　クッピーです」を　色々な文字に変えてみてください　　また　文字色は style のところにある　カラーコードを変えてくださると色々な色に変えることが出来ます。　　　参図（４）

そうね。　　エルはさっきから　このマウスについてくるのがきになって仕方がなかったのでしょう。　　これはscriptといってHTML　ホームページやひな形で　動くものを作りたいときに使うものよ　　まあ　動かないものもあるのですけど　(;^_^A アセアセ・・・　　動かすためのプログラムだと思ってください。　　私自身はこのscriptを作成するとこは出来ませんが、　ＨＰで色々なscriptを紹介しているサイトがありますのでそれを利用されるといいと思います。　　今日はこのマウスについてくるscriptを貼り付けてみましょう。　

ＯＥ　を立ち上げ　メールの作成をクリックしますね。　　それから　ソースを開きます。　　次に　このソースを　下図のように貼り付けます
サンプルソース

('-'*)(,_,*)('-'*)(,_,*) ウンウン　なるほど　色々な属性を変える事によって上図のような額入りも出来るのね
なるほど　だんだんわかってきたわ。　　それでね。　　クッピー　このマウスにくっついてくるのすごく気になるのだけど・・・・？(゜_。)？(。_゜)？　

そうそう　色々なやり方があるのよ。　　これは私のやり方だから他にやり方があったら色々試してみてくださいね。　　エル　もうひとつテーブルタグを作ってそのテーブルには　そのテーブルの中をクリックして　メニューバーの挿入から画像を入れてみてください。　それで　borderの数字を５とかにしてみてください。　　いかがですが素敵な額になったでしょう。　　また色を変えたい場合は　border="5"の後にbordercolor=green とか　bordercolor="カラーコード" を入れてみてください。　　また　画像によっては背景の色も変えてみるといいでしょうね。　　こういう風にしてみました。　　参図（３）　　　

(ノ゜ρ゜)ノォォォ・・ォ・・ォ・・・・　このタグさえ覚えていたら　メッセージ枠はいつでも出来るわね。　　なるほど優れものだわ　('-'*)(,_,*)('-'*)(,_,*) ウンウン　
覚えなくてもコピペすればいいんだわ　・・・・・(￣。￣ )ボソ...・・・　参図２

じゃあ　クッピー　　このテーブルで　上でも言っていたけど画像も入れることが出来るのね。　　画像の場合は、このテーブルの中に<IMG src="フルパスの画像" >と入れればいいのかしら？
　

テーブルタグは優れもので　いろいろなことが出来るのですが、今回はテーブルタグを使ってメッセージの入力、そして　位置決めをやりましょうね。　　まずタグから出してみましょう

<TABLE style="LEFT: 300px; POSITION: absolute; TOP: 50px" width=300 border="1"><TBODY><TR><TD>☆<BR><BR>☆から★まで入力してください<BR><BR>★<BR></TD></TR></TBODY></TABLE>

これを　新しいメッセージに入力してみてください。　　このまま　コピペしてもいいですよ。　　それで　left 300　は左から３００ピクセル移動しているところの位置　 top 50は上から５０ピクセル移動した位置ということになります。

ご自分で　数値を変えて　動かしてみてくださいね。　　borderは上記で述べましたとおり枠ですね。　０に設定すると　線はなくなります。

じゃあ　入力してみるわね　ソースの編集をクリックして,<body>の後にっと　それで　プレビューっ・・・(ノ゜ρ゜)ノォォォ・・ォ・・ォ・・・・　下図のようになったわ　・・・　参図（１）

('-'*)(,_,*)('-'*)(,_,*) ウンウン　なるほど　そういうことだったのね。　　私は意味もわからずに使っていたわ。　　文章を入れるのを　テーブルというのだと思っていたわ。　　(;^_^A アセアセ・・・

そそ　それわね　テーブルの後にやるscriptなのよ。　　まずはテーブルね　よくテーブルという言葉耳にするでしょう。　それは　表作成タグのことね。　　テーブルタグといいます。　　主にひな形ではその中に画像やメッセージが入れられているわね。　　。。。o(゜^ ゜)ウーン　どこまで話していいかわからないけど。　　皆さん　　ひな形を見ると　まず　表を入れる前に　これがテーブルであることを表示しなくてはいけませんね。　　ですから　テーブルタグを表示します　<table　border="1"> ～　</table>　としますね。　border　は　属性です。　　テーブルの枠の線のことですね。　　０に設定すると　線はなくなります。　　テーブルを表示したら　次は　行ですね。　　＜ｔｒ＞～</tr>で表します。　　　行が完成したら、次は表「セル」を作成します。　　セルの中に入れるテキストや画像などのデータを、<td> ～ </td> の間に記述します。　　　　　

(ノ゜ρ゜)ノォォォ・・ォ・・ォ・・・・　クッピー　ねねね　このマウスポインターにくっついてくるものなあに？　　かわいいわ。　　しかも　(≧ｍ≦)ぷっ!　私たちの名前の宣伝みたい。

皆さん　そして　エル　こんにちは。　　ひな形楽しんでいらっしゃいますか？　　少しずつ　自分のオリジナルひな形が出来てくると楽しいものですね。　　ひな形配信のほうでも前回のマーキーを使ったひな形で沢山　配信されていました。　　今日はテーブルとscriptの張り方をやりたいと思います。