← CodePrimer
HTML
Beginner
Media
Figure with caption
How do I caption an image semantically?
figure + figcaption.
<figure>
<img src="/images/lab.jpg" alt="Students in the computer lab">
<figcaption>Web App 1 laboratory session</figcaption>
</figure>Notes
Keeps caption tied to the media for accessibility.
Keywords: figure · figcaption · image · caption
Related
HTML
HTML headings h1–h6
How do I create page headings?
HTML
Paragraphs and line breaks
How do I break text into paragraphs?
HTML
Hyperlinks with href
How do I make a clickable link?
HTML
Ordered and unordered lists
How do I make bullet or numbered lists?
HTML
HTML table structure
How do I display tabular data?
HTML
Image with alt text
How do I insert an image accessibly?