Question
Create an image map using the attached image and information. Your image map must: Include clickable areas that take you to external hyperlinks for each
Create an image map using the attached image and information. Your image map must: Include clickable areas that take you to external hyperlinks for each of the countries listed in the attached table. The external hyperlinks should appear as new tabs in your browser. The original html page should remain open. Use the rect value for the area shape attribute. HINT: Information on how to get the coordinates for the rect value is available at the bottom of the HTML coords Attribute webpage in the table under the heading Attribute Values. For this assignment, I've attached a document that includes the coordinates for you. You must submit your html and css files (yes, I expect this to be a fully styled webpage), validation files, and image file in a zipped file named LASTNAME_rectimagemap.zip
Here are the coordinates and links for the map
63,193,115,211 https://disneyworld.disney.go.com/dining/epcot/san-angelinn-restaurante/ Mexico
91,132,144,150 https://disneyworld.disney.go.com/dining/epcot/akershusroyal-banquet-hall/ Norway
122,70,162,86 https://disneyworld.disney.go.com/dining/epcot/ninedragons-restaurant/ China
235,19,293,38 https://disneyworld.disney.go.com/dining/epcot/biergartenrestaurant/ Germany
319,27,355,46 https://disneyworld.disney.go.com/dining/epcot/via-napoli/ Italy
380,36,512,52 https://disneyworld.disney.go.com/dining/epcot/fife-anddrum-tavern/ The American Adventure
548,76,591,95 https://disneyworld.disney.go.com/dining/epcot/teppanedo/ Japan
554,150,612,167 https://disneyworld.disney.go.com/dining/epcot/restaurantmarrakesh/ Morocco
559,207,610,225 https://disneyworld.disney.go.com/dining/epcot/chefs-defrance/ France
394,284,449,316 https://disneyworld.disney.go.com/dining/epcot/rose-andcrown-dining-room/ United Kingdom
304,341,356,361 https://disneyworld.disney.go.com/dining/epcot/le-celliersteakhouse/ Canada
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started