<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>