Skip to main content

HTML Entities & Symbols — exercises and bug fixes

5 hands-on exercises and 5 find-the-bug challenges for the HTML Entities & Symbols 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

    Escape a less-than sign

    easy10 min

    Show a literal < character using an entity.

  2. 2

    Show an ampersand

    easy10 min

    Display "Tom & Jerry" using an entity.

  3. 3

    Add a non-breaking space

    easy10 min

    Keep "10 kg" together with a non-breaking space.

  4. 4

    Show a copyright symbol

    easy10 min

    Display the © symbol using an entity.

  5. 5

    Show a quotation mark

    medium10 min

    Display a literal double quote using an entity.

Find the bug(5)

  1. 1

    Fix the raw angle brackets

    easy8 min

    The tag is parsed as markup instead of shown as text.

  2. 2

    Fix the invented entity name

    easy8 min

    There is no &amperand; entity, so it renders literally.

  3. 3

    Fix the wrong entity name

    easy8 min

    The copyright entity is &copy;, not &cpy;.

  4. 4

    Fix the unescaped ampersand

    easy8 min

    A bare & should be written as &amp;.

  5. 5

    Fix the wrong quote entity

    easy8 min

    A double quote is &quot;.

Ready to write the code?

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

Open the workspace