06 画像の挿入


 このページでは画像の挿入を勉強をしましょう。文字だけのホームページは楽しくありません。画像を使うと見栄えがしますよ。

  1. まず、挿入する画像を用意して、index.html ファイルと同じフォルダに保存してください。画像のファイル名は gazou.jpg としましょう。

  2. index.html をダブルクリックしてページを表示します。

  3. 「メニューバー」の「表示」→「ソース」とクリックをして、→「ソース」を表示します。

  4. <BODY> </BODY> の間の画像を挿入したい箇所に
    <IMG SRC="gazou.jpg"> と入力します。

  5. 画像の上下にスペースを空けるために改行タグも入れます。
    <IMG SRC="gazou.jpg"><BR><BR>



    <HTML>
    <HEAD>
    <TITLE>初めてのホームページ</TITLE>
    </HEAD>
    <BODY BACKGROUND="wallpaper.gif">
    <FONT SIZE="6" FACE="MS 明朝" COLOR="#FF0000"><B><I>私のホームページ</I></B></FONT><BR><BR><BR>
    <IMG SRC="gazou.jpg"><BR><BR>
    <FONT SIZE="3" FACE="MS ゴシック" COLOR="#0000FF">この写真はフィリピンのセブ島沖に浮かぶ小さな島です。<BR>周りは穏やかな珊瑚礁の海に囲まれひっそりと佇んでいます。<P>あなたをこの美しい南の海へご案内しましょう。</FONT>
    </BODY>
    </HTML>




     ホームページで用いられる画像形式は jpeg jpg gif などです。 bmp も使用できますが、容量が大きいのでホームページには不適です。

  6. 入力が終わったら、→「ファイル」→「上書き保存」とクリックして、→「メモ帳」を閉じます。

  7. ブラウザの「更新」アイコンをクリックします。画像が表示されましたか?