Wrap contact details in an address element.
Acceptance criteria
- 1.Wrap contact details in an address element.
HTML Tutorial · HTML Tags
These 10 tasks go with the HTML <address> Tag 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: “The tag in HTML is used to define contact information for the author or owner of a document or article. It typically contains details such as name, email, physical address, phone number, or website URL . Browsers usually render it in italic text and often add a line break before and after it.” .
1.Add contact detailsexercise · easy · 10 min
Wrap contact details in an address element.
Passes when: Wrap contact details in an address element.
2.A postal addressexercise · easy · 10 min · practice plan
Write a two-line postal address.
Passes when: Write a two-line postal address.
3.Address in a footerexercise · easy · 10 min · practice plan
Put the address inside the page footer.
Passes when: Put the address inside the page footer.
4.Address with a linkexercise · easy · 10 min · practice plan
Put a mail link inside the address.
Passes when: Put a mail link inside the address.
5.Article author detailsexercise · medium · 10 min · practice plan
Add an address inside an article for its author.
Passes when: Add an address inside an article for its author.
6.Fix the paragraph used for contact detailsbug fix · easy · 8 min
Contact details have their own element.
Passes when: Contact details have their own element.
7.Fix the address split into paragraphsbug fix · easy · 8 min · practice plan
One address is one element with breaks inside.
Passes when: One address is one element with breaks inside.
8.Fix the address outside the footerbug fix · easy · 8 min · practice plan
The contact block belongs in the footer.
Passes when: The contact block belongs in the footer.
9.Fix the plain email textbug fix · easy · 8 min · practice plan
Make the address clickable with a mail link.
Passes when: Make the address clickable with a mail link.
10.Fix the author line outside the articlebug fix · easy · 8 min · practice plan
The author belongs with the article it wrote.
Passes when: The author belongs with the article it wrote.
Between them these tasks cover Contact details, Authorship and Footers.
Looking for a different chapter? See every practice set, or switch to the interview theory questions.