I just want the code for the following thing. Page 2 – Topic - Your Favorite Foo
ID: 3818508 • Letter: I
Question
I just want the code for the following thing.
Page 2 – Topic - Your Favorite Food:
Think for a moment about your favorite foods.
Choose one that you can write about and find an image online that represents it best. If you have one of your own, you may use it. This is your main image for the page and will be an image map.
Write at least 2 paragraphs describing the recipe for your favorite food in addition to the following:
Make sure you include all the ingredients (Hint: lists will come in handy) and the exact details that one must get right to end up with a tasty outcome. (Hint: usage of CSS will help present your content better.)
Create an image map for your main image. (Don’t resize the image after you identify the co-ordinates for use within your area HTML element.)
The click-ready hotspots on your image should link to web pages external to your project with more information and should open in a new tab.
Remember to make the page interesting and the layout look professional.
_____________________________________________________________________
Explanation / Answer
Hello,
Please find code for image map below , put it into html file. Currently i mapped the below image with recipe pages , you can extract pages by own just write click on link "view page source" and copy it or if you need seprate pages for recipe let me know.
Image link :- http://media2.sailusfood.com/wp-content/uploads/2017/03/ugadi-dishes.jpg
create a folder on desktop with name project and put the image in that. Also create html file in same folder with below code.
<html>
<body>
<center><img src="../../Desktop/project/food.jpg" alt="image map example" usemap="#map_example"> </center>
<div id="image_map">
<map name="map_example">
<area href="http://www.sailusfood.com/2008/10/09/semiya-payasam-rava-laddu/" alt="Facebook" target="_blank" shape=poly coords="50,140, 260,140, 250,350, 50,350">
<area href="http://www.sailusfood.com/2008/10/30/pulihora-andhra-tamarind-rice/" alt="Facebook" target="_blank" shape=poly coords="310,250, 500,250, 550,500, 350,500">
<area href="http://www.sailusfood.com/2007/02/13/bellam-garelu-jaggery-flavored-vadas/" alt="Facebook" target="_blank" shape=poly coords="10,400, 250,350, 220,520, 60,550">
<area href="http://www.sailusfood.com/2006/02/25/ulli-garelu-medu-vadai-lentil-dumplings/" alt="Facebook" target="_blank" shape=poly coords="260,470, 450,520, 450,630, 190,640">
</div>
</body>
</html>