HTML <figure> tag is used to mark up a photo in the document on a web page.

As we know image tag is already available in HTML to display the pictures on web pages. But HTML 5 <figure> tag is used to handle the group of diagrams, photos, code listing etc. with some embedded content. You can also add a caption for the photo with the help of <figcaption> tag.

HTML figure is new a new tag introduced in HTML5.

HTML figure tag example

 <p>The Taj Mahal is widely recognized as “the jewel of Muslim art in India and
one of the universally admired masterpieces of the world’s heritage”. It is regarded
 by many as the finest example of Mughal architecture, a style that combines elements
 from Islamic, Persian, Ottoman, Turkish and Indian architectural styles.</p>
<figure>
  <img src=“htmlpages/images/tajmahal.jpg” alt=“Taj Mahal”/>
</figure>

Output:

The Taj Mahal is widely recognized as “the jewel of Muslim art in India and one of the universally admired masterpieces of the world’s heritage”. It is regarded by many as the finest example of Mughal architecture, a style that combines elements from Islamic, Persian, Ottoman, Turkish and Indian architectural styles.

Taj Mahal

Note: The content you put within <figure>…….</figure> tag is related to the main flow, but its position is independent of the main flow and does not affect the flow the document when removed.