LESSON 26 OF 120

Repair: an email link

Offer a contact address through the mailto scheme.

Official sourceWHATWG HTML — mailto linksReviewed: 2026-08-26
STEP 1 · LEARN

How it works

Offer a contact address through the mailto scheme. Semantic structure should describe meaning, not visual appearance.

Correct example
<a href="mailto:hello@example.com">Email hello@example.com</a>

The mailto: scheme turns the address into a link that can open the email application configured on the device.

Common mistake
<a href="hello@example.com">Email us</a>

A plain address in href has no scheme and can be treated as a relative web path rather than an email action.

STEP 2 · APPLY

Your exercise

Repair the example without changing its purpose. Offer a contact address through the mailto scheme.

STEP 3 · BUILD

Write and see the result

index.htmlHTML
Safe resultisolated
The draft stays only in this browser.HTML and CSS allowed · scripts and network blocked
STEP 4 · CHECK

What needs to pass

0%not checked
  • The address uses mailto:.
  • The link has understandable text.
Explain the solution logic

Add mailto: before the address in href and keep link text that explains the action.