Code Editor Panel
Home
HTML Tutorial
HTML Images
Run
HTML
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h2>Picture Tag</h2> <picture> <source media="(min-width: 650px)" srcset="mickey-mouse.jpg"> <source media="(min-width: 465px)" srcset="donald-duck.jpg"> <img src="disney-logo.jpg" style="width:auto"> </picture><br> <p>Resize the screen to see the effect. </p> </body> </html>
Output