figure html code example

Example 1: how to use figure and caption in html

<!-- Just an image -->
<figure>
  <img
  src="https://developer.mozilla.org/static/img/favicon144.png"
  alt="The beautiful MDN logo.">
</figure>

<!-- Image with a caption -->
<figure>
  <img
  src="https://developer.mozilla.org/static/img/favicon144.png"
  alt="The beautiful MDN logo.">
  <figcaption>MDN Logo</figcaption>
</figure>

Example 2: html figure

<figure>
  <img src="image-url.com or local-filename.jpg" width="auto" height="auto" alt="figure alt text">
  <figcaption>
	Figure caption <!-- can also use <div>, <p>, etc. tags within <figcaption> -->
  </figcaption>
</figure>

Example 3: html

<figure>
    <img src="/media/examples/elephant-660-480.jpg"
         alt="Elephant at sunset">
    <figcaption>An elephant at sunset</figcaption>
</figure>