HTML5 | figcaption Tag

Difficulty Level : Basic
Last Updated : 17 Jul, 2019

The <figurecaption> tag in HTML is used to set a caption to the figure element in a document. This tag is new in HTML5.

syntax:

<figcaption> Figure caption </figcaption>

Example 1:

<!DOCTYPE html>
<html>
    <head>
        <title>figcaption tag</title>
    <style>
        body {
            text-align:center;
        }
        h1 {
            color:green;
        }
    </style>
    </head>
    <body>
        <h1>GeeksforGeeks</h1>
        <h2><figcaption> Tag</h2>
        <figure>
        <img src=
"https://media.geeksforgeeks.org/wp-content/uploads/geeks-25.png"
        alt="gfglogo" style="width:50%">
        <figcaption>GeeksforGeeks Logo</figcaption>
        </figure>
    </body>
</html>                                        

Output:

Example 2:

<!DOCTYPE html>
<html>
    <head>
        <title>figcaption tag</title>
    <style>
        body {
            text-align:center;
        }
        h1 {
            color:green;
        }
    </style>
    </head>
    <body>
        <h1>GeeksforGeeks</h1>
        <h2><figcaption> Tag</h2>
        <figure>
        <img src=
"https://media.geeksforgeeks.org/wp-content/uploads/geeksforgeeks-20.png"
        alt="gfglogo">
        <figcaption>GFG Logo</figcaption>
        </figure>
    </body>
</html>                    

Output:

Supported browser: The browser supported by <figcaption> tag are listed below:

Google Chrome 6.0
Internet Explorer 9.0
Firefox 4.0
Opera 11.1
Safari 5.0

Attention reader! Don’t stop learning now. Get hold of all the important DSA concepts with the DSA Self Paced Course at a student-friendly price and become industry ready.

My Personal Notes

Related Articles