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

今日の研修内容

課題１５　ホームページ上の画像の位置（左右）を変えるには？

　前回は、画像に対する文字の位置を変えることを研修しました。今回は、画像の位置を変えてホームページのパターンのバリエーションを増やしてみましょう。

---

＜手順＞

（１）sample2.htmの読み込み

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

（２）HTMLの書きかえ

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

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

（３）Netscapeで、「sample2.htm」を読み込みます。文字と画像の位置を確認してください。

ワンポイントアドバイス rightやleftの指定をすると、画像の横に複数行の文字を表示できるようになります。 「コピー」や「張り付け（ペースト）」を使うと、作業が大幅に簡略化されます。

＜まとめ＞

　<IMG>タグではホームページに画像を貼り付けることができ、さらに「ALIGN」オプション（right,left）を付加することによって、ホームページに対する画像の位置を指定することができます。

＜キーワード＞ 　　ALIGN="right" 画像右寄せ 　　ALIGN="left"　画像左寄せ

　

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

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