スポンサード リンク
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">
実際の表示