1. Fill in the blank.
<____ shape="polygon"
That's correct. Well done!
The correct code:
area
Press Tab or click button to advance to next exercise.
2. Fill in the blank.
<area _____="polygon"
That's correct. Well done!
The correct code:
shape
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
3. Fill in the blank, for a rectangular map area.
<area shape=_______
That's correct. Well done!
The correct code:
"rect"
Press Tab or click button to advance to next exercise.
4. Fill in the blank.
<area shape="body" ___="tibia"
That's correct. Well done!
The correct code:
alt
Press Tab or click button to advance to next exercise.
5. Drag-and-drop: Holding down the left mouse button, drag the pieces of code onto the screen to code an image map area.
6. Click in the box and type the next character. I'll autocomplete. Don't type spaces or carriage returns. When the exercise is complete, I'll turn the exercise number green.
Code the beginning of a tag that defines an image map area. Code just the beginning, to specify a polygon.
<area shape="polygon"
That's correct. Well done!
Press Tab or click button to advance to next exercise.
7. Fail-safe coding. If you type the wrong character, I'll cancel the keystroke. Type spaces. When the exercise is complete, I'll turn the exercise number green.
Start with the opening tag for an image map, named "world". Then code the beginning of the next tag, specifying a rectangle and alternative text of Ireland.
<map name="world">
<area shape="rect" alt="Ireland"
Press Tab or click button to advance to next exercise.
That's correct. Well done!
8. Fill in the blank.
<area shape="rect" alt="Tibble Manse"
______="448,119,559,471" href="tibble-manse.html">
That's correct. Well done!
The correct code:
coords
Press Tab or click button to advance to next exercise.
9. Fill in the blank.
<area shape="rect" alt="Tibble Manse"
coords="448,119,559,471" _____="tibble-manse.html">
That's correct. Well done!
The correct code:
href
Press Tab or click button to advance to next exercise.
10. Code the first half of an image map area tag, ending with alternative text. Use your choice of the three shapes. Make up the text.
That's correct. Well done!
Example:
<area shape="polygon" alt="device parts"
Press Tab or click button to advance to next exercise.
11. Code the last half of an image map area, beginning with the coordinates. Use coordinates 50,100,150,200. Make up the name of the html file.
That's correct. Well done!
Example:
coords="50,100,150,200" href="motor.html">
Press Tab or click button to advance to next exercise.
12. Code a rectangular image map area. Link to an html page on the same site. Make up the rest of the specifications.
That's correct. Well done!
Example:
<area shape="rect" alt="motor"
coords="50,100,150,200" href="motor.html">
Press Tab or click button to advance to next exercise.
The next several exercises are timed. If you type slowly or dislike time pressure, feel free to increase the allotted time.
13. Time goal: 55 seconds. Start with the opening tag for an image map, named "animals". Then code the beginning of the next tag, specifying a rectangle and alternative text of dog.
Press Tab or click button to check answer.
The correct code:
<map name="animals">
<area shape="rect" alt="dog"
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
14. Time goal: 15 seconds. Fill in the blank.
<area shape="rect" alt="Tibble Manse"
______="448,119,559,471" href="tibble-manse.html">
Press Tab or click button to check answer.
The correct code:
coords
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
15. Time goal: 10 seconds. Fill in the blank.
<area shape="rect" alt="Tibble Manse"
coords="448,119,559,471"
_____="tibble-manse.html">
Press Tab or click button to check answer.
The correct code:
href
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
16. Time goal: 45 seconds. Code the first half of an image map area tag, ending with alternative text. Use your choice of the three shapes. Make up the text.
Press Tab or click button to check answer.
Example:
<area shape="polygon" alt="loris"
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
17. Time goal: 45 seconds. Code the last half of an image map area, beginning with the coordinates. Use coordinates 50,100,150,200. Make up the name of the html file.
Press Tab or click button to check answer.
Example:
coords="50,100,150,200" href="motor.html">
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
18. Time goal: 75 seconds. Code a rectangular image map area. Link to an html page on the same site. Make up the rest of the specifications.
Press Tab or click button to check answer.
Example:
<area shape="rect" alt="motor"
coords="50,100,150,200" href="motor.html">
Press Tab or click button to advance to next exercise.
Press Tab or click button to advance to next exercise.
19. Access this live coding exercise at JS Fiddle. When you've completed the exercise, close the JS Fiddle window, and you'll be returned to this page. (If JS Fiddle displays a warning message saying that your changes will be reset, click Leave this Page.)
Click button to advance.
20. Access this live coding exercise at JS Fiddle. When you've completed the exercise, close the JS Fiddle window, and you'll be returned to this page. (If JS Fiddle displays a warning message saying that your changes will be reset, click Leave this Page.)
Click button to advance.
Congratulations. You've aced all the exercises for this chapter.
Post a review on Amazon for the paperback or the Kindle edition.
Email me to give me a compliment, complaint, or correction. I'll respond.
All of my books include free interactive online exercises that make the knowledge stick.
