| ★ ６．えを はりつける ★ |
……………………………………………………………………
もじばっかりじゃ、つまらない？
こんどは、えを はりつけてみようね。
……………………………………………………………………
えを はりつけてみよう
|
まず、はりつける えを よういします。
えのファイルの名まえに、「.gif」「.jpg」「.bmp」などのきごうがついていますか？ もし、えがなければ…
このボタンをクリックして、すきなえを えらんでね。 えらんだ えのうえで、マウスのみぎボタンをクリックして、 「名前を付けて画像を保存（なまえをつけて がぞうをほぞん）」をえらんでクリック。 
でてきたがめんの みぎしたの「保存（ほぞん）」のボタンをクリックして、 これで、じゅんびはＯＫ！ |
したの ふともじでかいてある きごう（タグ）をかいてみてね。 （はいいろのところは「file1.html」でつくったものなので、かかなくていいです） |
<HTML>
<BODY>
<IMG SRC="yui1.jpg"> ↑ （ここには、あなたのえらんだ えのファイルの名まえを書いてね） </BODY> </HTML> |
こんなふうに、ちゃんと えが でましたか？（「みてみよう」ボタンをおしてね）
| みてみよう！ |
●・ せつめい ・●
|
えの 大きさを かえてみよう
こんなふうに、えを びよ〜んと よこに ながくしたりも できます。（「みてみよう」ボタンをおしてね）
| みてみよう！ |
（はいいろのところはさっきつくったものなので、かかなくていいです） |
<HTML>
<BODY>
<IMG SRC="yui1.jpg" |
●・ せつめい ・●
えの よこのながさを、〜にしなさい、というめいれいです。 えの たてのながさを、〜にしなさい、というめいれいです。 |
えに わくをつけてみよう
えに ふとい わくを つけることもできます。（「みてみよう」ボタンをおしてね）
| みてみよう！ |
（はいいろのところは上でつくったものなので、かかなくていいです） |
<HTML>
<BODY>
<IMG SRC="yui1.jpg" WIDTH=400 HEIGHT=50> <IMG SRC="yui1.jpg" BORDER=5> </BODY> </HTML> |
●・ せつめい ・●
|
えのばしょを かえてみよう
……………………………………………………………………
えを みぎのはしに はりつけたいときは、どうするんだろう？
……………………………………………………………………
したの ふともじでかいてある きごう（タグ）をかいてみてね。 （はいいろのところは「file1.html」でつくったものなので、かかなくていいです） |
<HTML>
<BODY>
<IMG SRC="yui1.jpg" ALIGN="right"> <IMG SRC="yui1.jpg" ALIGN="center"> </BODY> </HTML> |
ブラウザでみてみると…？（「みてみよう」ボタンをおしてね）
| みてみよう！ |
えが、ひだりはじと みぎはじに はりつけられましたね。
●・ せつめい ・●
|
…………………………………………………………………………………………………
でも、よこに ならんでいるので、がめんが ちいさいと、かさなっちゃいます…。
そこで、えを うえと したに ずらしてみましょう。
…………………………………………………………………………………………………
（はいいろのところは さっきつくったものなので、かかなくていいです） |
<HTML>
<BODY>
<IMG SRC="yui1.jpg" ALIGN="right"> <IMG SRC="/yui1.jpg" ALIGN="left"> </BODY> </HTML> |
ブラウザでみてみると…？（「みてみよう」ボタンをおしてね）
| みてみよう！ |
えが、かさならないよに うえと したに ずれましたね。
●・ せつめい ・●
|
つぎへ