How to use figure Tag in HTML5 ???

Defination :-
               The <figure> tag specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.

While the content of the <figure> element is related to the main flow, its position is independent of the main flow, and if removed it should not affect the flow of the document.



eg: 

<figure>
      <img src="rose.jpg" alt="image" width="400" height="600">
      <figcaption>Rose</figcaption>
</figure>


Result:

                                     Rose

Comments