You can caption and credit your images on your webpage using one of the new tags introduced in HTML5, the <figcaption> tag which accompanies the <figure> tag. The tag <figure> tag specifies self-contained content, like illustrations, diagrams, photos, code listings, etc. The <figcaption> tag defines a caption for a <figure> element.

<img src=""/> 
    <figcaption>Fig.1 - Bull, Wild Coast, South Africa (photo credit: <a href=""></a>).</figcaption>
Fig.1 – Bull, Wild Coast, South Africa (photo credit:

See the Pen HTML5 image caption by David Fox (@foxbeefly) on CodePen.

While we are talking captions, did you know that you can add captions to your HTML tables as well?

By MisterFoxOnline

CAT Educator

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.