DRAG DROP
You are developing an HTML5 web application that will display encyclopedia entries.
Each encyclopedia entry has an associated image that is referred to in the entry.
You need to display the image by using the correct semantic markup.
What should you do? (To answer, drag the appropriate HTML tag to the correct element. Each tag may be
used once, more than once, or not at all. You may need to drag the split bar between panes or scroll to view
content.)
Select and Place:

Answer:

Explanation:
The <figure> element
The <figure> element is intended to be used in conjunction with the <figcaption> element to mark up diagrams,
illustrations, photos, and code examples (among other things).
Example:
<figure>
<img src=”/macaque.jpg” alt=”Macaque in the trees”>
<figcaption>A cheeky macaque, Lower Kintaganban River, Borneo. Original by
<a href=”http://www.flickr.com/photos/rclark/”>
Richard Clark
</a>
</figcaption>
</figure>
The figure & figcaption elements