Basics of HTML

  1. Terms and Definitions
  2. Principles of WEB 2.0
  3. The structure of the HTML-document
  4. Main metatags
  5. Formatting Text HTML
  6. Lists html-page
  7. Text fixed format
  8. Selected text html-page
  9. Change font options
  10. Graphics html-page
  11. Tables html-page
  12. Hyperlinks
  13. IMAGEMAP
  14. Frames

CSS-based

  1. What is CSS
  2. CSS syntax
  3. Style classes
  4. Combined styles
  5. CSS table
  6. CSS cascading rules
  7. Recommendations applying styles
  8. Font options
  9. Line breaks, vertical alignment
  10. Background settings
  11. Parameters of the paragraph
  12. List options
  13. The parameters of the cursor
  14. Options indentation
  15. Parameters frame
  16. Parameters selection
  17. Display options
  18. Containers


   

IMAGEMAP

Image cards (IMAGEMAP) or map links provide the ability to turn into a hyperlink of the image. The image is divided into zones, each of which is converted into a separate graphic hyperlink.

To create the image card suit any image that a webmaster must first be broken down into specific areas that may be of three types:

The images create the card in three stages.

In the first stage create the image with the tag IMG

<IMG SRC="map.jpg">

In the second stage creates a map using the tag MAP

<MAP NAME="sample_map">

Attribute NAME is optional, it specifies a unique name card within the given html-pages. This name uniquely identifies the card. Attribute NAME must begin with a letter, and can contain only letters, digits, and underscores.

After the image is created and the card, it is necessary to link the card to the image using the attribute USEMAP tag IMG

<IMG SRC="map.jpg" USEMAP="#sample_map">

The attribute of the USEMAP indicates the attribute value NAME map links, with the mandatory addition of mark # before the name.

In the third stage webmaster breaks the image into the desired zone using the tag AREA , which has the following syntax:

<AREA [SHAPE="rect|circle|poly"] COORDS="" HREF="<URL>">

As the image coordinates are the pixels of the image - 1 unit = 1 pixel. Counting from the upper-left corner of the image - this is the point (0,0).

Attribute SHAPE describes the shape of map area links, the attribute COORDS coordinates assigns a specific area. The number of points in this attribute depends on the form of bands.

If you enter the coordinates of the error occurred, then the browser treats the intersection as part of the zone, which is described first. If the coordinates are outside the borders of the image, they are ignored by the browser.

Attribute HREF indicates the page on which is the zone map references.

Below is a simple map of links with the source code. Image conditionally divided into four rectangular areas.


North-eastern Australia North-Western Australia South-eastern Australia Southwest Australia
EXAMPLE:

<img src="img/map.jpg" width="132" height="121" usemap="#australia">

<map name="australia">

<area shape="rect" coords="0,0,68,60" href="1.html" target="_blank">

<area shape="rect" coords="68,0,132,60" href="2.html" target="_blank">

<area shape="rect" coords="0,60,68,120" href="3.html" target="_blank">

<area shape="rect" coords="68,60,132,120" href="4.html" target="_blank">

</map>

TOP ↑