src属性

img要素のsrc属性は、ドキュメントへ埋め込む画像のURLを指定する必須属性。

ブラウザ対応

構文

<img src="URL">

URL

URLに指定出来る値。

  • 絶対URL。例：http://html5.cyberlab.info/sample.png
  • 相対URL。例：sample.png

サンプルコード

絶対URL

<img src="http://html5.cyberlab.info/elements/embedded/sample.png">

相対URL

<img src="sample.png">

サンプル

HTMLソースコード

<p>絶対URLで指定： <img src="http://html5.cyberlab.info/elements/embedded/sample-img.png" style="vertical-align: middle;"></p>
<p>相対URLで指定： <img src="sample-img.png" style="vertical-align: middle;"></p>

実際の表示

絶対URLで指定：

相対URLで指定：