picture html

Code Example 1

<picture>
 <source srcset="mdn-logo-wide.png" media="(min-width: 600px)">
 <img src="mdn-logo-narrow.png" alt="MDN">
</picture>

Code Example 2

<!--When the image is in the same folder as your html file-->
<img src="example.jpg">
<!--When the image is in a image folder-->
<img src="./image/example.jpg">

Code Example 3

<img src="image.jps">
//image.jpg is where you would put the inage source.

Code Example 4

<img src="img_girl.jpg" alt="Girl in a jacket" style="width:500px;height:600px;">