HTML and CSS Reference
In-Depth Information
4.
From the web page, click Upload and then click the adjacent Accept.
5.
Change the Zoom value to 50%.
6.
With the first area set to rectangle, draw a rectangle around the text
Tharsis Region, 160°
Longitude
.
7.
In the
Href
field for the first area, enter
tharsis.html
.
8.
In the
Alt
field for the first area, enter
Tharsis
.
9.
From the second area entry, choose circle.
10.
Draw a circle around the leftmost view of Mars.
11.
In the second area, enter an
Href
of
tharsis.html
and
alt
of
Tharsis
.
12.
Repeat steps 6-11 for the other two views of Mars with the following values:
iMaGe
HreF
a LT
Middle
valles.html
Valles Marineris
Right
syrtis.html
Syrtis Major
13.
Expand the Code section.
14.
Copy the generated code.
15.
Open your text editor.
16.
From the Lesson_11 folder, open
tpa_map.html
.
17.
In the
<img>
tag with the
src
of
images/mars_map.jpg
, place your cursor before the closing
angle bracket, >, and enter the following code:
usemap=”mars”
18.
Create a new line after the
<img>
tag and paste in the copied code from the online image
map editor.
19.
In the
<map>
tag, change the
id
and
name
values to
mars
.
20.
Save your file.
21.
In your browser, open
tpa_map.html
to view the image map, shown in Figure 11-2.
22.
Click any image map link to go to a linked page; click Back in your browser to return to
tpa_map.html
and click another image map link.