Create an image map — practice exercise

What you'll be asked to do

1. 1.Create an image mapexercise · easy · 10 min

   Add a named map with one clickable area.

   Passes when: Add a named map with one clickable area.

2. 2.Link the image to the mapexercise · easy · 10 min · practice plan

   Point an image at the map with usemap.

   Passes when: Point an image at the map with usemap.

3. 3.Two areasexercise · easy · 10 min · practice plan

   Give the map two clickable regions.

   Passes when: Give the map two clickable regions.

4. 4.Name the mapexercise · easy · 10 min · practice plan

   Give the map a name so an image can reference it.

   Passes when: Give the map a name so an image can reference it.

5. 5.A complete image mapexercise · medium · 10 min · practice plan

   Build an image with a two-area map.

   Passes when: Build an image with a two-area map.

6. 6.Fix the map with no namebug fix · easy · 8 min

   An unnamed map cannot be referenced.

   Passes when: An unnamed map cannot be referenced.

7. 7.Fix the usemap missing its hashbug fix · easy · 8 min · practice plan

   The usemap value must start with a hash.

   Passes when: The usemap value must start with a hash.

8. 8.Fix the missing second areabug fix · easy · 8 min · practice plan

   Only one region was defined.

   Passes when: Only one region was defined.

9. 9.Fix the id used instead of a namebug fix · easy · 8 min · practice plan

   Image maps are referenced by name.

   Passes when: Image maps are referenced by name.

10. 10.Fix the image not linked to the mapbug fix · easy · 8 min · practice plan

    The image needs a usemap attribute.

    Passes when: The image needs a usemap attribute.

Between them these tasks cover Image maps, name attribute and usemap.

Looking for a different chapter? See every practice set, or switch to the interview theory questions.