Graphical Element Examples

Image with Caption

NASA astronomy picture of the day — The Cosmic Question Mark - NGC7822

Code block in Figure

HTML Code


<figure class="image-caption">
  <picture>
    <figcaption>The Cosmic Question Mark - NGC7822</figcaption>
    <p class="image-source"><a href="https://apod.nasa.gov/apod/ap211013.html">Source: NASA APOD</a></p>
    <source srcset="images/NGC7822-673.jpg" media="(min-width: 900px)" type="image/jpeg">
    <source srcset="images/NGC7822-320.jpg" media="(min-width: 400px)" type="image/jpeg">
    <img src="images/NGC7822-124.jpg" alt="NASA astronomy picture of the day">
  </picture>
</figure>