ここでは、IT系企業の新入社員向けにHTMLを解説しています。

デザイナーになるほどHTMLに詳しくなくてもいいけれど、Webアプリを作る上で必要な入力画面は自力で作りたい、あなたのためのページです。

8.画像を張る

画像を表示するにはimg<>タグを使います。

img<>タグというのは察しの通りimageの略です。

srcでその画像名を指定します。

今回は例として画像名をmtFuji.jpgとしています。

ブラウザで確認してみましょう。

http://www.saycon.co.jp/html/img.html

少し大きすぎましたね。

ということでサイズを変更する方法を学びましょう。

width, height, alt

imgタグには属性を付けることができます。

 

 

まずはwidthとheight

その名の通り画像の「横幅」と「高さ」を指定します。

単位はピクセルです。

ピクセルはディスプレイを構成する画素ですから、

表示しているディスプレイによって大きさは異なることになります。

ブラウザで確認してみましょう。

http://www.saycon.co.jp/html/img2.html

 

altはこの画像が表示できなかった時に代わりに出る「テキスト」になります。

altはalternateの略で代わりのという意味です

目の不自由な方向けの読み上げブラウザ等では有効になりますから

省略しないようにしましょう。

 

 

今回は「画像」について学びました。

次回は、「テーブル」について学んでいきましょう。