How to caption an image – HTML5

How do you caption an image in HTML? One way is using figure tags.

Without them, you might use the following:

 

<img src=”image.jpg” align=”center” />

 

…to create this:

logo-open-zfs

So, you have an image using the above. How do you make it into an image with a caption?

<figure>

<img src=”image.jpg” align=”center”/>

<figcaption><center>Caption goes here</center></figcaption>

</figure>

 

logo-open-zfs
Caption goes here

Like that!