第３章　ホームページの作成

今日の研修内容

課題１６　画像の横への文書の流し込みを中止するには？

　画面の大きさが違ったり、また画面の表示幅を変更したりすると、空白の行ができてしまったり、画像が途中の行から入ってしまったりしたことはありませんか？今日は、それを解消する方法を研修します。

---

＜手順＞

（１）sample2.htmの読み込み

• 通信講座研修用のフロッピィディスクをセットします。
• メモ帳を開き、「ファイル」「開く」（すべてのファイル）で、「sample2.htm」を指定します。

（２）HTMLの書きかえ

• 以下に示す赤のように書きかえます。

： <CENTER><H2>岐阜県図書館ホームページ</H2></CENTER> <IMG SRC="img0016.jpeg" ALIGN="left"> ALIGN="left"<BR> と記述すると<BR> こうなります。<BR CLEAR=all> <IMG SRC="img0016.jpeg" ALIGN="right"> ALIGN="right"<BR> と記述すると<BR> こうなります。<BR CLEAR=all> <IMG SRC="img0016.jpeg" ALIGN="left"> <IMG SRC="img0016.jpeg" ALIGN="right"> 両方記述すると、このようになります。画像が両方に表示されていますね。ここでは、改行 を使わなかったので、間に文字が入っていきます。<BR CLEAR=all> <CENTER> <FONT SIZE=5 COLOR=#FF0100>Gifu Prefectural Library</FONT> </CENTER> ：

• 「ファイル」「上書き保存」の順に指定し、ファイルを更新します。

（３）Netscapeで、「sample2.htm」を読み込みます。画面の幅をどのように変えても体裁の良い画面になるのが確認できます。

ワンポイントアドバイス 　rightやleftの指定をしなかった場合は、<BR CLEAR=all>は、単なる改行と同じ意味になります。

＜まとめ＞

　<BR CLEAR=all>をつけることで、それ以後の文章の流し込みを中止することができます。つまり、これ以降の文字はイメージの下に表示されることになります。

＜キーワード＞ 　　<BR CLEAR=all> 画像回り込み中止

　

作成者	柳 瀬 　元
所　属	不破中学校

▲目次へ戻る｜▼次の課題へ進む