<h3>Default Image</h3> <img src=“placehold.it/240x240” alt=“Dog”>

<h3>Linked Image</h3> <a href=“#”><img src=“placehold.it/240x240” alt=“Dog”></a>

<h3>Missing Image</h3> <img alt=“This is an example of a missing image”>

<h3>Svg</h3> <svg width=“200px” height=“200px”>

<circle cx="100" cy="100" r="100" fill="#ff0000" />

</svg>

<h3>Video</h3> <video controls preload poster=“” width=“640” height=“360”>

<source id="mp4" src="http://media.w3.org/2010/05/bunny/trailer.mp4" type="video/mp4">
<source id="ogv" src="http://media.w3.org/2010/05/bunny/trailer.ogv" type="video/ogg">
<p>Your user agent does not support the HTML5 Video element.</p>

</video>

<h3>Missing Video</h3> <video controls></video>

<h3>Audio</h3> <audio controls>

<source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp4" type='audio/mp4'>
<source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.oga" type='audio/ogg; codecs=vorbis'>
<p>Your user agent does not support the HTML5 Audio element.</p>

</audio>

<h3>Missing Audio</h3> <audio controls></audio>