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.
Search WWH ::




Custom Search