img要素

TOPページに戻る > html入門

img要素

画像を表示する要素です
デジカメでとった写真やイラストや地図などの画像を表示します。指定できる画像形式はjpg gif pngなど
src属性とalt属性は必須です。src属性は画像のurlを指定します。alt属性は画像が表示されなかった場合に表示される代替テキストです
img要素はインライン要素ですが高さや幅を指定できます。
普通はインライン要素は上下にmarginを指定することが出来ませんがimg要素はCSSで上下にmarginを指定することもできます
終了タグがないので内容となるものはありません

使い方（書式）

<img>

img要素

対応ブラウザ
要素の種類	インライン要素
内容となる要素	なし

属性	説明
src属性	画像のurlを指定します。相対パス、絶対パスどちらでも指定できます
alt属性	画像が表示されなかった場合に表示される代替テキスト
width属性	画像を表示する横幅を指定 固定幅になるので、小さい画像を表示した場合は指定した大きさまで拡大されて表示されます
height属性	画像を表示する高さを指定 固定幅になるので、小さい画像を表示した場合は指定した大きさまで拡大されて表示されます
border属性	画像に枠線を表示する 推奨されない属性です。cssのborderプロパティを使ってください
align属性	画像の表示位置を指定。値はleft、right、top、middle、bottom 推奨されない属性です。cssのfloat、vertical-alignプロパティを使ってください
name属性	画像の名前を指定 XHTML1.0では推奨されない属性です。XHTML1.1で廃止されました 画像の名前を指定したい場合は共通属性のid属性を使ってください
longdesc属性	画像の解説があるurlを指定します
vspace属性	画像の上下に余白を作ります 推奨されない属性です。cssのmarginプロパティを使ってください
hspace属性	画像の左右に余白を作ります 推奨されない属性です。cssのmarginプロパティを使ってください
usemap属性	イメージマップを作成するときの画像の名前を指定 HTML4、XHTML1.0ではimgマップ名の前に#を付けてください。XHTMLは#は必要ありません
ismap属性	cgiにクリックした画像の位置をサーバーに送る
共通属性	html共通属性
イベント属性	htmlイベント属性

実際の指定方法

html

<img src="maru.gif" alt="丸素材" width="50" height="50">

実際の表示

その他のデザインはcssでスタイルを指定