Welcome to HTML5-Tutorials

Our site offers a lot of HTML5 learning from absolutely beginning to advanced level.If you want to make a website with HTML,this site will completely guide you a lot.So learn HTML5 syntax and form of coding easily with this website.If you have any doubt,leave a message on us.We will return you so soon.This site includes innumerable number of references you need to do after studying their corresponding elements.

In this page,we will learn about HTML <figure> tag.

Use of <figure> tag

The <figure> tag is used to define self-contained content related to the main content like diagram, images etc.
The behavior or flow of the document should not be disturbed by the adding and removal of <figure> element.
At most, try to define <figcaption> tag inside each and every <figure> tag inorder to illustrate to define and explain the diagram.

Display:Block

Example of <figure> tag

    <figure>
       <img scr="img_name.jpg height="250px" width="250px">
    </figure>

Supported Browsers.

Tag
<figure> 6.0 or higher 9.0 or higher 4.0 or higher 5.0 or higher 11.1 or higher

Full Code Example

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<figure>
<img src="img_name.jpg" height="200px" width="300px">
</figure>
</body>
</html>

Output

More Reference


<figure> tag is mostly used to define charts and images.

Default CSS Properties of <figure> tag

figure {
display:block;
margin: 1em 40px 1em 40px;
}