articles

Home / DeveloperSection / Articles / Figure element in HTML5

Figure element in HTML5

Anonymous User8688 25-Jul-2011

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


Updated 07-Sep-2019
I am a content writter !

Leave Comment

Comments

Liked By