Providing a descriptive caption with an image can make the purpose of the image more clear.

How it looks

image example of photo with caption

This is a linked image with caption.

The code

Images with an image caption should be coded using the <figure> element. The <figure> element is intended to be used in conjunction with the <figcaption> element to mark up diagrams, illustrations, photos, and other images.

<figure>
<a class="img-link ui-link" href="#" target="_blank"><img alt="NYU Students" src="/assets/img/image.jpg"></a>
<figcaption>This is a linked image with hover state</figcaption>
</figure>
figure {
width: 100%;
padding: 15px;
box-sizing: border-box;
height: auto;
}
figure a {
position: relative;
display: block;
width: 100%;
}
figure > figcaption {
font-size: 13px;
font-family: "Mercury SSm A", "Mercury SSm B", "MercuryTextG2", serif;
padding-top: 15px;
}