html · level 2 · unit 5 · lesson 2
- meet it
- guess first
- your turn
- fix it
- nailed it
Tap a green word if you get lost.
meet it
<address> holds the for a page.
<address> is for contact details: how to reach the person or business behind a page or an article. It usually sits in the <footer>, and browsers show it in italics.
Make each detail a link. href="mailto:hello@example.com" starts a new email. href="tel:+441632960123" rings the number on a phone. Write it with no spaces.
<address> is only for ways to reach you. Any other address, like where a party is held, goes in an ordinary <p>.
<footer>
<address>
Tilly's Tearoom, 4 Mill Lane, York<br>
<a href="mailto:hello@example.com">hello@example.com</a><br>
<a href="tel:+441632960123">01632 960123</a>
</address>
</footer> Press show my page to see it here.
Phone links start with the country code, such as +44 for the UK, and drop the first 0.
guess first
How will this address look?
Guess before you run it. Wrong guesses are how you learn, and nothing is marked.
<address>
Questions? Email <a href="mailto:help@example.com">our helpdesk</a>.
</address>
your turn
Your turn. Make both details clickable.
Line 2 needs tel:+441632960555, with no spaces. Line 3 needs mailto: followed by the email address shown.
Press show my page to see it here.
- the first link rings the numbernot checked yet
- the second link starts an emailnot checked yet
fix it
The email link opens a page that is not there. Can you fix it?
Press show my page to see it here.
- the link starts a new emailnot checked yet
- With nothing in front, the browser treats the email address as the name of a page.
- Email links need a special word and a colon at the start of the
href. - Change the
hreftomailto:hello@example.com, then press run.
nailed it
people can reach you in one click. :D
<address>holds contact details for the page.mailto:links start an email.tel:links ring a number, written with no spaces.
new words in your collection
- contact details
This lesson isn’t saved. A free account remembers every lesson you finish.