HTML, Excel, Word, SEOОсновы Html ⇒ Карта ссылок документа html

ОСНОВЫ HTML

Справочная информация:
Справочник HTML-тегов
Шаблоны для сайтов
Как раскрутить сайт: шаг за шагом
Учебник HTML (хтмл)
Старт
Основные тэги
Заголовки и комментарии
Специальные символы
Форматирование текста ч.1
Форматирование текста ч.2
Форматирование текста ч.3
Создание списков
Работа с графикой ч.1
Работа с графикой ч.2
Работа с графикой ч.3
Работа с графикой ч.4
Таблицы ч.1
Таблицы ч.2
Таблицы ч.3
Гиперссылки
Фреймы
Что такое формы
Что такое JavaScript
Маленькие секреты Вэб-дизайна
Эффект постепенной прорисовки
Карта ссылок
Внутренний лист стилей
Работа с листами стилей
Свойства шрифта - font
Свойства текста
Свойство фона - background
Рамки и размеры
Относительное и абсолютное позиционирование элементов
Основные мета тэги
Таблица дескрипторов HTML и их атрибутов
Таблица свойств css
Заключительное слово
HTML-редакторы
Что такое HTML-редактор
FrontPage 2003
Adobe GoLive CS
Macromedia Dreamweaver MX 2004
HomeSite
CuteSite Builder
Namo WebEditor
CoffeeCup HTML Editor
1stPage 2000
Arachnophilia
HotDog Professional
CSE HTML Validator Pro
HTML профессионально
Внешний лист стилей
Форматирование таблиц
Форматирование гиперссылок
Форматирование изображений

https://androidprogrammi.ru/ для Андроидов

Карта ссылок документа html

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


Для удобства выбора зоны изображение должно состоять, по возможности, из четко разграниченных областей.


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

  1. Прямоугольная зона (rect). В этом случае задаются координаты двух точек - левого верхнего угла, правого нижнего угла.
  2. Многоугольник (poly). В этом случае задаются координаты каждой точки многоугольника.
  3. Круг (circle). В этом случае задается координата центра круга и его радиус.

Для создания карты ссылок необходимо вставить нужное изображение с помощью дескриптора <IMG>, затем, при помощи атрибута USEMAP, присвоить ему имя. После этого можно приступить непосредственно к вводу данных при помощи тэга <MAP>.


Дескриптор <AREA> определяет зоны изображения карты ссылок.


Атрибут SHAPE описывает форму зоны карты ссылок.


Атрибут COORDS назначает координаты конкретной зоны. Количество точек в этом атрибуте зависит от формы зон (прямоугольник, круг, многоугольник).


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


Атрибут HREF указывает страницу на которую ведет данная зона карты ссылок.


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


Северо-восточная часть Австралии Северо-западная часть Австралии Юго-восточная часть Австралии Юго-западная часть Австралии

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

<map name="australia">

<area shape="rect" coords="0,0,68,60" 
href="lsn022_1.html" target="_blank" 
alt="Северо-восточная часть Австралии">

<area shape="rect" coords="68,0,132,60" 
href="lsn022_2.html" target="_blank" 
alt="Северо-западная часть Австралии">

<area shape="rect" coords="0,60,68,120" 
href="lsn022_3.html" target="_blank" 
alt="Юго-восточная часть Австралии">

<area shape="rect" coords="68,60,132,120" 
href="lsn022_4.html" target="_blank" 
alt="Юго-западная часть Австралии">

</map>



В начало страницы



В начало страницы