How do I create an HTML image map?

6 This may be a problem if the programmer wants to create one image with several areas or buttons and each area is used for a different link. The HTML image map allows the programmer to specify certain areas where the link can go, allowing it to insert several links into one image. This is done by entering the shape for the link and the message of HTML what coordinates should be used for the link.

The images used for the Internet are measured in pixels. Knowing how many pixels is in the picture is the first necessary step to create a picture map. For example, a rectangular image is used, which has a height of 400 pixels and a width of 250 pixels. Furthermore, the programmer must know exactly how to measure the shape in the HTML image map to work correctly.

The

Tle -Tle upper corner is called 0.0 when using HTML image map. The right lower corner in this case would be 250,400. The measurements are made first with width and then height. Easy ofIt is how to think about it is that the first measurements say HTML how far to go from the left edge and the second is, as it says, how many pixels down. If the programmer wants the point on the map of 10 pixels from the left edge and 50 pixels down, the coordinates would be 10.50.

There are three different shapes that a programmer can cause for HTML image map: Rect, Circle and Polygon. "Rect" means a rectangle and the programmer must first enter the coordinates for the upper left corner and then to the right to the right. The circle is specified by entering the coordinates where the circle begins, and then the radius of the circle. The polygon is created by entering all five coordinates, from the right.

HTML image coding is as follows:




Each HTML image map must have the name and part "URL.html"It is a link where this part of the image map will lead the user when it clicks on it. When the image is placed on the HTML site, the programmer must write: USEMAP =" Test. "

IN OTHER LANGUAGES

Was this article helpful? Thanks for the feedback Thanks for the feedback

How can we help? How can we help?