Skip to main content

HTML Email Links — exercises and bug fixes

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

Sign in to start solvingCreate a free account

Exercises(5)

  1. 1

    Add an email link

    easy10 min

    Link "Email us" to hello@example.com using mailto.

  2. 2

    Prefill a subject

    easy10 min

    Add a mailto link with the subject "Hello".

  3. 3

    Show the address as the text

    easy10 min

    Use the address itself as the visible link text.

  4. 4

    Add a phone link

    easy10 min

    Link a phone number using the tel scheme.

  5. 5

    Combine subject and body

    medium10 min

    Add a mailto link with both a subject and a body.

Find the bug(5)

  1. 1

    Fix the missing mailto scheme

    easy8 min

    Without mailto: this is treated as a relative page.

  2. 2

    Fix the space in the scheme

    easy8 min

    There must be no space after mailto:.

  3. 3

    Fix the wrong separator

    easy8 min

    The subject parameter needs a ? not a slash.

  4. 4

    Fix the tel scheme

    easy8 min

    Phone links use tel:, not phone:.

  5. 5

    Fix the empty email link

    easy8 min

    The link has a scheme but no address.

Ready to write the code?

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

Open the workspace