How to Make HTML Image Maps

How to Make HTML Image Maps

In this 15 minute tutorial on HTML Image Maps, you'll learn how to make various sections of an image become clickable.

You'll learn the two new tags:
* MAP tag
* AREA tag

You'll also learn the three key HTML attributes for the AREA tag that are required for making an image map.

Lastly, you'll learn about a free online tool that allows you to get the coordinates needed for your image maps to work properly.

This free tool also writes a large chunk of the code for you.

TABLE OF CONTENTS
00:00 - Introduction (What is an image map)
00:44 - Working Example of an Image Map
01:44 - The Code
04:00 - Making a Circle Hot Spot
04:46 - Making a Rectangle Hot Spot
05:29 - Making a Poly Hot Spot
07:30 - Getting the coordinates using free image map maker tool
12:10 - The best nachos in the world
12:32 - Connecting the image to the map
14:38 - Credits

[UrsaMajor_]

Your cuts to random stuff crack me up.