ホームページ作成支援

画像を貼るタグ

  1. 画像を貼るタグ
    <IMG SRC=" homepage.gif ">

    では、前出のindex.htmlにタグを書き加えて見ましょう。

    <HTML>
    <HEAD><TITLE> ホームページ作成支援サンプル </TITLE></HEAD>
    <BODY BACKGROUND=" bg.gif ">
    <CENTER> 中央に揃えるタグ（前出）
    <IMG SRC="homepage.gif">
    </CENTER> 閉じるタグ
    <BR> 改行のタグ
    （１行空けて改行する場合は<P> いずれも閉じるタグは不要）
    <H1><FONT COLOR="0000FF">
    <CENTER>Welcome To My Home Page</CENTER>
    </FONT></H1>
    </BODY>
    </HTML>

    このようにできましたか？サンプル7

  2. 画像の説明オプション
    <IMG SRC="homepage.gif" ALT="タイトル">

    イメージをサポートしていなかったり、イメージをロードしないように設定してあったり、読み込み中にエラーが生じた時に何の画像があるのか説明する

    このようにできましたか？サンプル8

  3. 画像のサイズオプション
    <IMG SRC="homepage.gif"
    WIDTH="300" HEIGHT="70" ALT=" タイトル" >

    WIDTH は横幅、HEIGHTは縦幅のピクセル(絶対的な大きさなので、ウィンドウの大小にかかわらず同じ大きさで表示される）・パーセント（ウィンドウの大きさに対する比率で表示される）のいずれかを指定します。

    （注意） サイズを指定するとホームページを読み込む時間が早くなりますが、実際のサイズと指定したサイズが違う場合は、ブラウザが計算し直すので、かえって読み込み時間が遅くなってしまう場合があります。
    では、前出のindex.htmlにタグを書き加えて見ましょう。

    <HTML>
    <HEAD><TITLE>ホームページ作成支援サンプル</TITLE></HEAD>
    <BODY BACKGROUND=" bg.gif ">
    <CENTER>
    <IMG SRC="homepage.gif" ALT=" タイトル"WIDTH="300" HEIGHT="70">
    </CENTER>
    <BR>
    <H1><FONT COLOR="0000FF">
    <CENTER>    Welcome To My Home Page </CENTER>
    </FONT></H1>
    </BODY>
    </HTML>


このようにできましたか？ サンプル9


バックホームネクスト