View video tutorial

HTML <figure> Tag


The <figure> element represents the self-contained content.

HTML <figure> Tag

The <figure> tag provides self-contained content like drawing, diagrams, photos, illustrations, code listings, etc with optional caption.

The <figure> element with all its contents can be considered as a single unit.

The start and end tags are mandatory for this element.

Global attributes

Global attributes may be applied on all elements, although some elements may have no effect on them.

<accesskey>, <class>, <contenteditable>, <contextmenu>, <data-*>, <dir>, <draggable>, <dropzone>, <hidden>, <id>, <lang>, <spellcheck>, <style>, <tabindex>, <title>, <translate>.

Learning with HTML Editor "Try it Now"

You can edit the HTML code and view the result using online editor.


    <img src="box.png" alt="Structure" style="width:50%">
    <figcaption>Fig.1 - A nice metal structure.</figcaption>
Try it Now »

Click on the "Try it Now" button to see how it works.