HTML5 <figure> element is used to show content on page; content can be images, photographs, articlesor data tables. The content of figure element should be relevant to the main content, but if removed it should not affect the flow of document. In this example I will show you that how we can use figure element in html page.
Code:
<head>
<title>Figure Tag</title>
</head>
<body>
<h1>
This is a demo of Figure element</h1>
<figure><!--figure tag is used for to show relevant information of images-->
<p>Flower images</p>
<img src="Chrysanthemum.jpg" height="80" width="100" /> <!--image tag to show image-->
<img src="Tulips.jpg" height="80" width="100"/><br />
<figcaption>To get more details about figure element click to <a href="http://www.mindstick.com/DevelopersSection.aspx"> MindStick </a></figcaption>
</figure>
</body>
In screen shot we can see imges relevant information is showing on page except heading as shown below:
Screenshot
Anonymous User
23-Jul-2019