---
title: "Figure element in HTML5"  
description: "HTML5 figure element is used to show content on page; content can be images, photographs, articlesor data tables. The content of figure element should"  
author: "Anonymous User"  
published: 2011-07-25  
updated: 2019-09-07  
canonical: https://www.mindstick.com/articles/588/figure-element-in-html5  
category: "html5"  
tags: ["html5"]  
reading_time: 1 minute  

---

# Figure element in HTML5

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

![Figure element in HTML5](https://www.mindstick.com/mindstickarticle/d7272d93-9c42-4cbd-8640-99f445db94c7/images/46726f04-38e6-4d5b-95be-962925fae12d.png)

---

Original Source: https://www.mindstick.com/articles/588/figure-element-in-html5

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
