HTML: Difference between revisions
No edit summary |
|||
Line 13: | Line 13: | ||
* <code>input</code> triggered when the value of the slider is changed | * <code>input</code> triggered when the value of the slider is changed | ||
* <code>change</code> triggered on mouse up | * <code>change</code> triggered on mouse up | ||
==Image== | |||
<syntaxhighlight lang="html"> | |||
<picture> | |||
<source srcset="bird.webp" type="image/webp"> | |||
<source srcset="bird.jpg" type="image/jpeg"> | |||
<img src="bird.jpg" alt="Great blue bird."> | |||
</picture> | |||
</syntaxhighlight> | |||
* <code>img</code> alone is sufficient to show an image. | |||
* Wrapping around a <code>picture</code> allows you to specify multiple image types. | |||
See also [https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images MDN: Responsive images] | |||
==Video== | ==Video== |