cases/images.html

 1<h2 id="bare-image">Bare image</h2>
 2<p><img src="diagram.png" alt=""></p>
 3<h2 id="captioned-figure">Captioned figure</h2>
 4<figure><img src="pipeline.svg" alt="The pipeline, end to end" width="640" class="diagram"><figcaption><span class="figure-number">Figure 1: </span>The pipeline, end to end</figcaption></figure>
 5<h2 id="caption-with-markup">Caption with markup</h2>
 6<figure><img src="chart.png" alt="A stylised chart"><figcaption><span class="figure-number">Figure 2: </span>A <em>stylised</em> chart</figcaption></figure>
 7<h2 id="quoted-attribute-values">Quoted attribute values</h2>
 8<figure><img src="cat.jpg" alt="a cat, sitting" loading="lazy"></figure>
 9<h2 id="image-with-a-description-is-a-link">Image with a description is a link</h2>
10<p><a href="diagram.png">the diagram</a></p>