 タイトル画像や背景画像を貼ってみよう！
文字だけでは、味気ないので画像を貼ってみましょう！
 |
左の画像を画像用フォルダに保存します。
左の画像の上にマウスカーソルを乗せ、
右クリック⇒名前をつけて画像を保存
ファイル名はそのまま『back.gif』でO.K! |
保存ができたら、もう一度『index.html』をメモ帳にドロップして以下のように書き加えてください。
<HTML>
<HEAD>
<TITLE>初めてのホームページ</TITLE>
</HEAD>
<BODY background="image/back.gif">
<P>
初めてのホームページです。<br>
頑張っていきましょう♪
</P>
</BODY>
</HTML> |
これで、背景が表示されたはずです。
次は、タイトル画像を貼ります。先ほどと同様にタイトル画像を保存します。
 |
左の画像を画像用フォルダに保存します。
左の画像の上にマウスカーソルを乗せ、
右クリック⇒名前をつけて画像を保存
ファイル名はそのまま『title.gif』でO.K! |
保存ができたら以下のように書き加えてください。
<HTML>
<HEAD>
<TITLE>初めてのホームページ</TITLE>
</HEAD>
<BODY background="image/back.gif">
<IMG src="image/title.gif">
<P>
初めてのホームページです。<br>
頑張っていきましょう♪
</P>
</BODY>
</HTML> |
保存し、『index.html』をダブルクリックで開いてみてください。
 |
このように表示されたかと思います。
メモ帳が開かれてしまったら、
右クリック⇒プログラムから開く⇒Internet Explorer
で開いてみてください。 |
だんだんとホームページっぽくなってきましたね！
次は、リンクを作ってみましょう♪
|
ホームページ開設までの流れ
