Графични изображения с "горещи точки"

За "горещи точки" говорим, когато върху графичното изображение има избираеми области (хипервръзки). Това се реализира с двата тага img и map. Връзката между тях се осъществява с помощта на параметрите usemap(на img) и name(на map).

Карта на избираемите области:

<map name="име на картата" други параметри>

   Избираеми области

</map>

• име на картата -име (идентификатор), което ще се използва от таг img;
  
  
• Избираеми области описваме с единичния таг:
  
  

  <area параметри>

  • параметри на таг area:
    
    
    • shape -определя вида на избираемата област;
      
      Стойности:
      
      
      • circle -окръжност;
      • rect -правоъгълник;
      • poly -многоъгълник;
      
      
      
    • coords -задава координатите на избираемата област;
      
      Стойности:
      
      
      • когато shape="circle", стойността на coords е списък от три числа -координати на центъра и радиус;
      • когато shape="rect", стойността на coords е списък от четири числа -координати на горния ляв и долния десен ъгъл;
      • когато shape="poly", стойността на coords е списък от координатите на върховете;
      
      Избираемите области в една карта са за конкретно графично изображение. Техните координати могат да се определят с помощта на графичен редактор.
      
      
    • href="адрес" -този параметър вече го разгледахме в темата Хипервръзки;
      
      
    • alt="текст" -пояснителен текст (изписва се, когато показалецът на мишката е върху избираемата област);
      
      

Графично изображение с избираеми области:

<img src="адрес на графичен файл" usemap="#име на картата" други параметри>

• име на картата -името на картата, в която са описани избираемите области за това графично изображение.
  
  

	Радио-схема	Имена на файлове
В примера (решен по-долу) имаме една любителска радио-схема, елементите на която са "горещи точки". При избор на всеки от елементите се прави препратка към страница със съответно описание. В таблицата са дадени имената на файловете, а на диаграмите по-долу виждаме разположението на файловете в дървото от директории и връзките между уеб-страниците.		уеб-страница   име на файл  включен  графичен файл  Схема   dRadio.html dRadio.GIF Бобина L1  L1.html - Бобина L2  L2.html - Кондензатор  C.html - Диод  D.html -

Разположение на файловете			Връзки между уеб-страниците