TOPページ ＞画像に関するHTML (1)
画像に関するHTML (1)
画像の表示・サイズ指定・代替テキスト・境界線の太さ指定など画像に関する基本タグ説明です。
- 画像表示の基本形
まず、画像を表示するためのHTMLの基本形を覚えます。このタグは終了タグがありません。次のようになります。
<img src="表示したいファイルのURL"> また、幅width、高さheightを用いて図形のサイズを指定します。ここでは「width="88"」、「height="31"」と設定します。すると、以下のタグになり、画像も次のように表示されます。 - 代替テキスト
alt属性はイメージファイルが何らかのトラブルで表示できない場合にテキストを変わりに表示させるタグです。通常はサイト名や商品名などを入力します。「alt="代替テキスト"」をimgタグ内に記述します。ここでは、「alt="人気blogランキング"」と設定してみます。すると、次のようになります。
- 画像表示の境界線指定
画像にリンクをする際などに「border="0"」がないと境界線が目立ちます。実際に、「border="0"」の有無で下記のように違います。
