AREA


A
AREA
BASE
MAP


С помощью элемента <AREA> можно определять отдельные области изображения, каждая из которых будет являться ссылкой. Этот тег всегда располагается в контейнере <MAP>, который связывает координаты областей с изображением.


<html>
    <head>
    </head>
<body>
     <img src="/img/image.gif" width="300" height="120"
  alt="Навигация" usemap="#menu">
     <p><map name="menu">
     <area shape="rect" coords="0,0,100,120"
  href="index.html" alt="Главня">
     <area shape="rect" coords="100,0,200,120"
  href="about.html" alt="О компании">
     <area shape="rect" coords="200,0,300,120"
  href="contacts.html" alt="Контакты">
     </map></p>
</body>
</html>


Параметры:

alt Альтернативный текст для области изображения
coords Координаты активной области
href Задает адрес документа, на который следует перейти
hohref Область без ссылки на другой документ
shape Форма области
target Имя окна или фрейма, куда браузер будет загружать документ





Параметр ALT

Этот параметр устанавливает альтернативный текст для области изображения. Такой текст отображается в виде всплывающей подсказки при наведении курсора мыши на область.

<area alt="текст">


Параметр COORDS

Используется для определения координат активных областей на изображении.


Параметр SHAPE

shape="rect" Для прямоугольника (X1, Y1, X2, Y2)
html rect


     <p><map name="menu">
     <area shape="rect" coords="100,100,200,200"
  href="index.html" alt="Главня">
     </map></p>

shape="circle" Для окружности (X1, Y1, R)

html circle


     <p><map name="go">
     <area shape="circle" coords="200,200,100"
  href="go.html" alt="Старт">
     </map></p>

shape="poly" Для полигона (X1, Y1, X2, Y2,...)

html poly


     <p><map name="menu">
     <area shape="poly" coords="100,100,200,300,300,280"
  href="index.html" alt="Главня">
     </map></p>



Параметр HREF

Задает адрес документа ил страницы, на которую следует перейти.

<area href="URL">


Параметр NOHREF

Запрещает переход по ссылке.


Параметр TARGET

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

_self Загружает страницу в текущее окно *
_blank Загружает страницу в новое окно браузера
_parent Загружает страницу во фрейм-родитель, если фреймов нет, то этот параметр работает как _self
_top Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то этот параметр работает как _self


<area target="_blank">


С чего начать работу? Структура HTML
Гиперссылки
Текстовые блоки
Форматирование и текстовые элементы
Списки
Объекты
Таблицы
Формы
Фреймы
Метатэги и служебные теги
Все теги по алфавиту
Каскадные таблицы стилей CSS
Кодирование цвета в HTML
Коды символов в HTML
MIME-типы


Студия web-дизайна "Webcreature" © 2015
+7 (905) 515-56-52
Rambler's Top100