The <figure> component speaks to an unit of substance, alternatively with a subtitle, that is independent, that is normally referenced as a solitary unit from the fundamental stream of the report, and that could be moved far from the primary stream of the record without influencing the archive's significance.

<figure> .... </figure>

The <figure> tag indicates independent substance, in the same way as delineations, graphs, photographs, code postings, and so on.

While the substance of the <figure> component is identified with the fundamental stream, its position is free of the primary stream, and if uprooted it ought not influence the stream of the record.

Here is the Syntax for FIGURE Element

Supported Browser
html5 tutorial html5 tutorial html5 tutorial html5 tutorial html5 tutorial


<figure>

	<img src="your image file with full path"/>

</figure>

Below is complete syntax along with example


<!DOCTYPE html>

<html>
	
    <head>
    	 <title>Title name will go here</title>
    </head>
    
    <body>
		
        <p>The quick brown fox jumps over a right lazy dog.
           The quick brown fox jumps over a right lazy dog. 
           The quick brown fox jumps over a right lazy dog. 
           The quick brown fox jumps over a right lazy dog. 
           The quick brown fox jumps over a right lazy dog. 
           The quick brown fox jumps over a right lazy dog. </p>
        
		<figure>

			<img src="images/rose.jpg"/>

		</figure>
        
    </body>
    
</html>

Download

In customary printed material like books and magazines, a picture, outline, or code case would be joined by an inscription. Before now, we didn't have a method for semantically checking up this kind of substance straightforwardly in our HTML, rather depending on CSS class names. Html5 wants to tackle that issue by presenting the <figure> and <figcaption> components.