HTML Tutorial - HTML figure

figure and figcaption to create figures

HTML5 figures are content, optionally with a caption, self-contained, typically referenced as a single unit.

You define figures using the figure element.

The figure element can optionally contain a figcaption element, which denotes a caption for the figure.


You can see the figure and figcaption elements used together in the following code.

  I like XML and CSS.<!--  ww  w  .  j  a  v  a  2 s. c  om-->
    <figcaption>Listing 01. Using the code element</figcaption>
      var fruits = ["CSS", "HTML", "CSS", "Javascript"];<br>
      document.writeln("I like " + fruits.length + " fruits");

The code above is rendered as follows: