• カットは、ページのどこかに載せて、雰囲気を出す画像です。
  例えば、このページの右下にコーヒーカップのカットを載せています。 これはネットワーク上に提供されている無料の画像を借用しました。

  そこで、ページを飾る素朴なカットを作成してみて下さい。
  作成した画像は名前を付けて保存しておいて下さい。

• 作成したカットをページに張り付けてみましょう。
  1. 「メモ帳」を起動させ、index.htmlを呼び出す。

  2. その中の画像を表示したい箇所に次の行を挿入する。

           <IMG SRC="xxxxxx.gif">   
     

     ここで、xxxxxx.gifは作成した画像のファイル名を入れる。 （これは写真を張り付けた時と同じ書き方です。） このテキストページのように、線の右側にカットを表示したい場合は、以下のようにALIGN命令を追加します。

           <IMG SRC="xxxxxx.gif" ALIGN="right">    
     

     反対に、次のように記述するとどのように表示されるでしょうか？

           <IMG SRC="xxxxxx.gif" ALIGN="left">    
     

     上記のALIGN句がなかったらどうなるでしょうか？

     このページのカットは、上記の３つを順に表示しておきましょう。 比べてみて下さい。

  3. index.htmlを保存する。

  4. Firefox を起動させ、index.htmlのファイルを表示して見る。
     表示した時、前と同じ内容であったら、【再読込】ボタンをクリックしてみる。

指定なし

右指定

左指定