＊＊画像を貼り付けよう＊＊

ここでは、画像の貼り方、簡単な装飾を紹介します。


@画像を貼り付ける





A画像の周りに枠線を引く




見本は☆マークのところが1の場合。数字が増えるごとに太くなっていきます。


B画像の装飾　その一　オーバーロール
画像の上にマウスポインタを載せて見ましょう。「きゃー」ってでましたか？（笑）





B画像の装飾　その二　文字の位置指定


普通に書くと画像の下の方に表示されます。


文字がこうなります。
左側にかけるようになります。
すごいですね。
まだまだ左側です。

そろそろ終わりかしら？
画像が縦長だとずっと左に表示されますね。
あ・・・、おわりだ。

☆align="left"・・・画像の左横の縦の辺に沿って文字が表示されます。改行してもそのまま。
☆align="top"・・・画像の左横の上の方に文字が表示されます。
☆align="bottom"・・・画像の左横の下の方に文字が表示されます。

＊＊ハイパーリンクあれこれ＊＊

@リンクを貼る　テキストでリンク

Yahooトップページ（別窓表示）



@リンクを貼る　画像でリンク

（別窓表示）


border=""　は、画像の周りにリンクの線を表示させるかさせないかの指示を行うものです。

　border="1"の場合　 　border="2"の場合　 　border="3"の場合


target=""　は、リンクの表示形態を指示しています。「_blank」は、新しくウィンドウを表示させろという命令なので、 そのページで表示させたい場合は書かなくていいです。また、フレームを使用する時には重要になってくるのでフレームサイトを作る場合は忘れないようにしましょう。

ん？フレームって何か？それは違うページに書いてありますよー（笑）



さてさて。

ここで紹介したタグを使うと、こんなことが可能になります。

くまさんをクリックしてみましょう。



はい、たいしたことないですね。そんなもんです。