画像をはる

(問 4/8)
では準備ができたら、画像を先ほどまでに書いたHTMLにはり付けます。
まず、ファイルや画像の名前の付け方を練習します。

大きすぎる画像を表示するには、いくつか方法があります。
その1は1、画像を小さくする、でした。

画像のタグに、大きさを指定する


2番目は、画像のタグ(img)に、画像をこの大きさで表示しなさいと言う属性を加えます。
画像を加工するソフトで、画像の大きさを変えて、大きい画像は小さくして使うのが普通です。そうしないと読み込むのに時間がかかり、さくさく動きません。
画像の大きさを指定するには、
<img src="kana_01.jpg" width="300" height="200" alt="サザンカの写真">
<img src="kana_01.jpg" width="200" height="144" alt="サザンカの写真">
<img src="kana_01.jpg" width="100" height="67" alt="サザンカの写真">
<img src="kana_01.jpg" width="100" height="100" alt="サザンカの写真">

のように、width (はば)とhight(たかさ)を書きます。

ヒントへ進む