HTML Builder Lab · Lesson 5 of 10

Media Embeds and Figure Content

Place images, captions, and embedded media more cleanly with figure-style structure.

Academy Plus 3 practice exercises 1 homework item

What you will learn

  • Explain how media should support the meaning of a page.
  • Choose when an image or embedded media belongs in the content.
  • Use figure and figcaption to group meaningful media with a useful caption.
  • Write captions that explain why the media matters.
  • Avoid random, oversized, or poorly described media placement.

Lesson shape

19 minute lesson with 6 sections, 3 exercises, 3 checkpoint questions, and 1 homework submission.

This track requires the Academy Plus plan.

Lesson outline

What this lesson includes

This lesson is available with the Academy Plus membership. Create an account to open the full student player, exercises, quiz, and completion tracking.

Overview

What media content does on a page

Full lesson content unlocks in the student player.

Explain

Images versus embedded media

Full lesson content unlocks in the student player.

example

Using figure and figcaption

Full lesson content unlocks in the student player.

Explain

Decorative placement versus meaningful placement

Full lesson content unlocks in the student player.

Practice

Writing useful captions

Full lesson content unlocks in the student player.

Wrap up

Common beginner media mistakes

Full lesson content unlocks in the student player.

Homework

Assignments attached to this lesson

Text response

Media Embeds and Figure Content: quick check

Write a short beginner explanation of the main idea from Media Embeds and Figure Content.

Not started

Open homework