Link "Email us" to hello@example.com using mailto.
Acceptance criteria
- 1.Link "Email us" to hello@example.com using mailto.
HTML Tutorial · HTML Text and Links
These 10 tasks go with the HTML Email Links chapter. 5 of them ask you to build something small from scratch; 5 give you code that is already broken and ask you to work out why. Set aside about 90 minutes for the whole set, though you can do them in any order.
Nothing here is marked by a person. When you press Submit, the editor checks your code against the points listed under each task and tells you straight away what passed and what didn't (you need a free account to submit). If you get stuck, there are hints, and a worked solution once you've had a go. The first 2 tasks are free; the rest are part of the practice plan.
If it's been a while since you read the chapter, here is how it starts: “HTML Email Links allow users to click and open their default email application to send a message directly. This is done using the mailto: protocol inside the (anchor) tag.” .
1.Add an email linkexercise · easy · 10 min
Link "Email us" to hello@example.com using mailto.
Passes when: Link "Email us" to hello@example.com using mailto.
2.Prefill a subjectexercise · easy · 10 min · practice plan
Add a mailto link with the subject "Hello".
Passes when: Add a mailto link with the subject "Hello".
3.Show the address as the textexercise · easy · 10 min · practice plan
Use the address itself as the visible link text.
Passes when: Use the address itself as the visible link text.
4.Add a phone linkexercise · easy · 10 min · practice plan
Link a phone number using the tel scheme.
Passes when: Link a phone number using the tel scheme.
5.Combine subject and bodyexercise · medium · 10 min · practice plan
Add a mailto link with both a subject and a body.
Passes when: Add a mailto link with both a subject and a body.
6.Fix the missing mailto schemebug fix · easy · 8 min
Without mailto: this is treated as a relative page.
Passes when: Without mailto: this is treated as a relative page.
7.Fix the space in the schemebug fix · easy · 8 min · practice plan
There must be no space after mailto:.
Passes when: There must be no space after mailto:.
8.Fix the wrong separatorbug fix · easy · 8 min · practice plan
The subject parameter needs a ? not a slash.
Passes when: The subject parameter needs a ? not a slash.
9.Fix the tel schemebug fix · easy · 8 min · practice plan
Phone links use tel:, not phone:.
Passes when: Phone links use tel:, not phone:.
10.Fix the empty email linkbug fix · easy · 8 min · practice plan
The link has a scheme but no address.
Passes when: The link has a scheme but no address.
Between them these tasks cover mailto links and Prefilled subjects.
Looking for a different chapter? See every practice set, or switch to the interview theory questions.