html tutorial - Figure Caption <figcaption> tag in HTML - html5 - html code - html form




figure caption tag in html

Learn html - html tutorial - figure caption tag in html - html examples - html programs

  • The <figcaption>tag is used to add a caption for a <figure>element.
  • The first or last child of the <figure> element is placed as the <figcaption> element.
  • The <map> tag belongs to flow content, phrasing content and palpable content.
  • The <map> tag supports Global Attributes and Event Attributes.

Syntax for <figcaption> tag:

<figure><figcaption>content</figure><figcaption>

Differences between HTML 4.01 and HTML5

HTML 4.01

  • HTML4 does not supports <figcaption> tag.

HTML5

  • The <figcaption> tag is new in HTML5.

Sample Coding for <figcaption> tag:

Tryit<!DOCTYPE html>
<html >
    <head>
        <title>Wikitechy figcaption tag</title>
    </head>
    <body>
        <h2>HTML figcaption tag with example</h2>
        <figure>
            <img src="https://www.wikitechy.com/images/logo.png"
                 alt="Wikitechy logo" width="300" height="200">
            <figcaption>Fig.1 - html5 - html code - html form - In 30Sec by Microsoft Award MVP - | wikitechy logo.</figcaption>
        </figure>
    </body>
</html>

Code Explanation for <figcaption> tag:

code explanation for figure caption tag

  1. <figure> tag is used to hold <img> and <figcaption> which is self-contained content.
  2. The <figcaption> tag is used to set the figure name as “Fig.1 - html5 - html code - html form - In 30Sec by Microsoft Award MVP - | wikitechy logo.”

Output of <figcaption> tag:

output for figure caption tag

  1. The output shows the wikitechy logo by using <figure>tag.
  2. The output shows the “Fig.1-wikitechy logo as a figure caption by using <figcaption>element.

Browser Support for <figcaption> tag in HTML:

6.0 9.0 4.0 5.0 11.1

Related Searches to figure caption figcaption tag in html

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

We need money to operate the site, and almost all of it comes from our online advertising.

Please add wikitechy.com to your ad blocking whitelist or disable your adblocking software.

×