Back to TILs.

Calmcode TIL

Figures and Captions logoFigures and Captions

Notice something interesting about the images below.

Cat
A kitty! Originally found here.
Cat
Another kitty, originally found here.

They contain a caption! This is featured via <figure> tags in html which allow you to nest a <figcaption>.

<figure>
  <img src="/?originalUrl=https%3A%2F%2Fcalmcode.io%2F%26quot%3Bpath%2Fto%2Fimage.png%26quot%3B%2520alt%3D%26quot%3BImage%2520description%26quot%3B%26gt%3B%2520%2520%26lt%3Bfigcaption%26gt%3BExtra%2520text.%26lt%3B%2Ffigcaption%26gt%3B%26lt%3B%2Ffigure%26gt%3B%253C%2Fcode">

It's a small detail, but it will allow you maybe add just that extra bit of context to an image!


Back to main.