HTML

A reference for HTML5 elements

Inputs

See Bootstrap forms

Range

Documentation

<input type="range" class="" id="myRange" min="1" max="100" value="50" step="1">

Events

• See SO Answer
• input triggered when the value of the slider is changed
• change triggered on mouse up

Image

<picture>
  <source srcset="bird.webp" type="image/webp">
  <source srcset="bird.jpg" type="image/jpeg"> 
  <img src="bird.jpg" alt="Great blue bird.">
</picture>

• img alone is sufficient to show an image.
• Wrapping around a picture allows you to specify multiple image types.

See also MDN: Responsive images

Video

See JavaScript

Canvas

See JavaScript