3.画像
(1)画像を用意する
画像には、ファイル名が***.bmpや***.jpgや***.gifなどがありますがホームページではファイルのサイズが小さい***.jpgや***.gifを使います。
もし使おうとしている画像がこれじゃない場合は変換する必要があります。
変換するソフトはお勧めのものを「おすすめソフト」で紹介してます。
また用意した画像はとりあえず****.htmlと同じフォルダにおいてください。
(2)画像を貼り付ける。
画像を貼り付けるには次のように書きます
・大きさを指定する。
<img src="****.jpg" width="???"
height="???"> |
width="???"の???には幅を、height="???"の???には高さを書きます。
・画像に枠をつける。
<img src="****.jpg" border="??"> |
border="??"の??には枠線の幅を書きます。
・画像の周りに余白を作る。
<img src="****.jpg" vspace="??"
hspace="??"> |
??には余白の大きさを書きます。
vspace="??"は画像の上下の余白、hspace="??"は左右の余白です。
・背景に画像を表示。
(注)<body>の中に書くこと。
<html>
<head><title>タイトル</title></head>
<body background="****.jpg">
</body>
</html>
|
・背景の色を変える。
***に色名を書きます。
(注)<body>の中に書くこと。
<html>
<head><title>タイトル</title></head>
<body bgcolor="***">
</body>
</html>
|
|