Home > DeveloperSection > Beginner > Figure element in HTML5

Figure element in HTML5


HTML5 HTML5 
Ratings:
0 Comment(s)
 4412  View(s)
Rate this:

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


Don't want to miss updates? Please click the below button!

Follow MindStick