<figure>

Description

A figure is a unit of content, optionally with a caption.

The figure element can optionally contain a figcaption element. <figcaption> marks a caption for the figure.

Example


<!DOCTYPE HTML> 
<html> 
<body> 
    <figure> 
        <figcaption>Listing 1. Caption text</figcaption> 
        <p>
           This is the content of the figure. 
        </p> 
    </figure> 
</body> <!--from   w w  w  . ja v a2s.c  o m-->
</html>

Click to view the demo

The code above generates the following result.

figure

Image with Caption


<figure>//from   www  .jav  a 2  s . com
    <img alt="Bar chart" 
         src="http://java2s.com/style/download.png"/>
    <figcaption>
              Website analytics
    </figcaption>
</figure>

Multiple Images Within figure


<figure> //from   w  w  w .  ja  v a  2s. c o m
  <img alt="chart format" src="october.jpg" /> 
  <img alt="chart format" src="november.jpg" /> 
  <img alt="chart format" src="december.jpg" /> 
  <figcaption> 
    website analytics 
  </figcaption> 
</figure>




















Home »
  HTML CSS »
    HTML CSS Reference »




HTML Tag Reference
CSS Reference
CSS Selector Reference
Encoding Reference