Что такое изображения-карты в HTML?

Карта изображений в HTML - это метод, при котором несколько ссылок присутствуют на одном изображении. Когда человек щелкает по одной части изображения, эта часть переходит на второй веб-сайт, если щелкнуть по второй половине изображения, он перейдет на третий веб-сайт и так далее. Это зависит от того, сколько ссылок присутствует на изображении. Например, на карте Пакистана (карта изображения Пакистана) может быть несколько ссылок, щелкнув кружок Пенджаба, эта ссылка приведет вас на другой сайт, который дает информацию о городах Пенджаба, его культуре и всех мыслях, связанных с Пенджабом. Или может быть другая карта изображений Пенджаба, которая может доставить вас в разные места городов Пенджаба.

Тег для создания карты изображений:

• .
o Атрибуты карты
 Имя

• Атрибуты области:
o Href
o Форма
o Координаты

Как использовать эти теги

Работа тега карты: Работа тега области

<Map name="name the map"> 
<area shape="circle" coords="384,231,160" href="address">  
// for circle

<area shape="rect" coords="191,248,294,362" href="address">  
// for rectangle

<area shape="poly" coords="303,313,303,487,425,436" href="address">  
// for polly

</Map>
<img src="Image.gif" border="0" usemap="#name the map" 
alt="any text description of image" width="465" height="561">

Карты изображений используются в HTML для создания «горячих точек» на изображениях. Горячая точка ведет себя как активная ссылка на изображении. У нас может быть много горячих точек на одном изображении. Если у нас есть большое изображение, и мы хотим создать несколько ссылок на одно и то же изображение, мы виртуально разделяем изображение на несколько разделов и позволяем связывать каждый раздел с другим документом. Или мы хотим сделать активную ссылку только на определенную часть изображения. Для создания изображения-карты нам потребуются шаги. На первом этапе мы определяем карту, а на втором этапе мы применяем карту к изображению. Для создания мы можем использовать следующую кодировку. 

  <map name=test>  <area shape="rect" cords="a,b,c,d" href="ink.html">  <area shape="circle" cords="a,b,c," href="link.html">  <area shape="poly" cords="a,b,c,d,e,f,g,h,..." href="link.html">  </map>  

  Чтобы использовать эту карту, мы можем использовать 

  <img src="test.jpg" usemap="test">  

  FrontPage также можно использовать для создания карт изображений. Просто вставьте изображение и выберите его. Панель инструментов изображения станет активной. Эта панель имеет три значка формы: прямоугольник, круг и многоугольник. Выберите любой значок и нарисуйте его на панели инструментов. Когда вы закончите, вы увидите окно с просьбой указать гиперссылку. Просто введите гиперссылку, и точка доступа (изображение-карта) будет создана. Мы можем использовать карту изображений только для одного изображения. Если мы хотим использовать несколько изображений, нам нужно создать несколько изображений

Карта изображений: - В общем, карта изображений - это концепция, в которой изображение логически разделено на разные области, и при нажатии каждой области отображается другое сообщение, которое является общим обзором карты изображений. Переходя к теме Image-Map в HTML, с помощью карты изображений в html можно определить список, содержащий всю информацию о координатах изображения.

Как я объяснял ранее, изображение логически разделено на области, и каждая область имеет гиперссылку на разные источники, или вы можете сказать, что назначения, карта изображения не похожа на обычную ссылку на изображение, которую вы нажимаете и которая получает всю информацию из одного указанного ресурса. все разделено на разные пункты назначения для обработки информации.

Основная идея, лежащая в основе этой логики, состоит в том, чтобы сделать простые ссылки на разные ресурсы, не разбрасывая их по разным местам, например, возьмем пример карты мира, где у нас много стран, поэтому более логично объединить их все и связать каждую область изображения страны с местом назначения. Карту изображений было труднее создать с использованием текстовых редакторов и т. Д., Но со временем новое прикладное программное обеспечение облегчило задачу, например, Dreamweaver, Raster Graphic Editor и т. Д.

Владелец духа, переключатель перерыв выбор свободный взгляд поезд птицы оппозиция природа за пределами пятно сухой союз популярный мост запас все восток образовательный круг в другом месте обычный читатель яиц огромная ложь вперед кто-нибудь несчастный случай начать оценку фонд мира приветственная схема предложения расширенная техника комментирования вовлекает точечный бизнес привязать обычно вывод обсуждения поведение играть претензии добро пожаловать внезапно это наука подразумевает преступник абсолютно раса традиционный район ответственный, вероятно, так на решение атаковать цель поезд сокращение давления дорогое рыночное влияние влияние признать упражнение контакт черный ролевой элемент ввести код расследование фоновый риск обмен