HTML-画像の貼り付け
ホームページに使用できる画像のファイル形式には、
「GIF」、「JPEG」、「PNG」などの形式があります。
これらのファイル形式にはそれぞれ特徴がありますが、
ここでは、最も使用頻度の高いGIF形式の画像を使用して
説明していきます。
前のページで作成した「index.html」を以下のように変更してください。
index.htmlの変更 画像を貼り付ける
「picture.gif」「welcome.gif」の２種類の画像は、下の画像を右クリック
して【名前を付けて画像を保存】から取得してください。
<HTML>
<HEAD>
<TITLE>ホームページの練習</TITLE>
</HEAD>
<BODY BACKGROUND="back.gif">
<CENTER>
<FONT SIZE="7"><B>私の<I>
ホームページ</I>にようこそ！</FONT></B><BR>
<BR>
<IMG SRC="picture.gif">
<BR><BR>
<FONT COLOR="BLUE">これから色々作成していきます。
ごゆっくりどうぞ</FONT>
<BR><BR><BR><BR>
<IMG SRC="welcome.gif">
</CENTER>
</BODY>
</HTML>
画像を貼り付けるには？
画像を貼り付けるには
<IMG SRC="画像ファイル名">タグを使用します。
既に学んだ<BR>タグを複数並べて使用すると行と行や画像と
行の間に間隔を空けることができます。
上の例では、画像と文字に間に間隔を空けるために使用しています。
↑上で説明したタグを打ち込みブラウザで表示するとこうなります
投稿者 hana : 2006年02月02日 17:15