HTML bootcamp · Lab 13

Figure with caption

mediumImages10 minLesson: Images

Read the question, write HTML on the right, then Preview or Check.

QuestionHint and solution stay closed until you open them

Wrap an image and its caption in a <figure>. The image src is latte.jpg with alt A latte, and the caption reads "Our signature latte".

<figure> ties an image to its <figcaption> as one self-contained unit.

Output. A figure containing an img and a figcaption.

Examples

Example 1
Expected
<figure><img ...><figcaption>…</figcaption></figure>
Hint
  1. The <img> and <figcaption> both go inside <figure>.
  2. figcaption is the caption text.
Show correct code

Peek only after you have tried. You can still Check your own version.

<figure>
  <img src="latte.jpg" alt="A latte">
  <figcaption>Our signature latte</figcaption>
</figure>
index.htmlLive preview · Check reads the DOM
ResultIdle
Run to see output. Check grades the tests.