Tutorialspoint.dev

HTML5 | figcaption Tag

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=
        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=
        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


This article is attributed to GeeksforGeeks.org

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter