Skip to main content

HTML Embed & Object — exercises and bug fixes

5 hands-on exercises and 5 find-the-bug challenges for the HTML Embed & Object lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.

Exercises(5)

  1. 1

    Embed a document

    easy10 min

    Use an embed element for a PDF.

  2. 2

    Use an object

    easy10 min

    Embed a PDF using object with a data attribute.

  3. 3

    Add fallback content

    easy10 min

    Give the object a fallback message.

  4. 4

    Size the embed

    easy10 min

    Give the embed a width and height.

  5. 5

    Prefer a link for downloads

    medium10 min

    Offer the file as a download link alongside the object.

Find the bug(5)

  1. 1

    Fix src used on object

    easy8 min

    An object points at its resource with data.

  2. 2

    Fix data used on embed

    easy8 min

    An embed uses src, not data.

  3. 3

    Fix the missing type

    easy8 min

    Without a type the browser may not know how to render it.

  4. 4

    Fix the object with no fallback

    easy8 min

    Add content for browsers that cannot render it.

  5. 5

    Fix the deprecated applet

    easy8 min

    The applet element was removed from HTML.

Ready to write the code?

The editor, the automatic checks and the worked solutions open up with an account.

Open the workspace