Add a rectangle area with coordinates.
Acceptance criteria
- 1.Add a rectangle area with coordinates.
HTML Tutorial · HTML Tags
These 10 tasks go with the HTML <area> 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: “defines one clickable region inside an image map — a rectangle, a circle or a polygon over part of an , each linking somewhere different. Image maps are old, and most of what they did is now done better another way, but for a few jobs — a floor plan, a diagram, a real map — they are still the simplest correct tool.” .
1.Add a rectangular regionexercise · easy · 10 min
Add a rectangle area with coordinates.
Passes when: Add a rectangle area with coordinates.
2.Add a circular regionexercise · easy · 10 min · practice plan
Add a circle area.
Passes when: Add a circle area.
3.Describe the regionexercise · easy · 10 min · practice plan
Give the area alternative text.
Passes when: Give the area alternative text.
4.Link the regionexercise · easy · 10 min · practice plan
Point the area at a page.
Passes when: Point the area at a page.
5.A described clickable regionexercise · medium · 10 min · practice plan
Build a circle area with coords, link and alt text.
Passes when: Build a circle area with coords, link and alt text.
6.Fix the missing shapebug fix · easy · 8 min
An area must say what shape it is.
Passes when: An area must say what shape it is.
7.Fix the wrong shape namebug fix · easy · 8 min · practice plan
A round region uses circle.
Passes when: A round region uses circle.
8.Fix the region with no alt textbug fix · easy · 8 min · practice plan
A clickable region needs a description.
Passes when: A clickable region needs a description.
9.Fix the wrong attribute for the linkbug fix · easy · 8 min · practice plan
Areas link with href.
Passes when: Areas link with href.
10.Fix the missing coordinatesbug fix · easy · 8 min · practice plan
Without coords the region has no position.
Passes when: Without coords the region has no position.
Between them these tasks cover Clickable regions, shape and coords and alt text.
Looking for a different chapter? See every practice set, or switch to the interview theory questions.