HTML5 | figcaption Tag - Tutorialspoint.dev

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://tutorialspoint.dev/image/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://tutorialspoint.dev/image/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
Edge 9.0
Firefox 4.0
Safari 5.0
Opera 11.1

HTML5 | figcaption Tag

tags:

leave a comment

0 Comments

Subscribe to Our Newsletter

Top Followed books