Структура карт-изображений
Создаем панель навигации при помощи карт-изображений
Карты-изображения
Листинг 1.19. Пример применения карт-изображений
<HTML>
<HEAD>
<TITLE>Пример применения карт-изображений</TITLE>
</HEAD>
<BODY>
<H1 align="center">Название документа</H1>
<BR>
<IFRAME src="charter1.html" name="charter" align="right" width="500" height="240">
Ваш Web-браузер не отображает фреймы
</IFRAME>
<IMG src="foto.gif" width="120" height="240" border="1" usemap="#karta">
<MAP name="karta">
<AREA share="rect" coords="0,0,120,120" href="charter1.html" target="charter" alt="Глава 1">
<AREA share="rect" coords="0,120,240,240" href="charter2.html" target="charter" alt="Глава 2">
<AREA shape="default" nohref>
</MAP>
</BODY>
</HTML>
Листинг 1.20. Структура карт-изображений
<!-- Часть 1 -->
<IMG src="foto.gif" width="120" height="240" border="1" usemap="#karta">
<!-- Часть 1 -->
<!-- Часть 2 -->
<MAP name="karta">
<AREA shape="rect" coords="0,0,120,120" href="charter1.html" target="charter" alt="Глава 1">
<AREA shape="rect" coords="0,120,240,240" href="charter2.html" target="charter" alt="Глава 2">
<AREA shape="default" nohref>
</MAP>
<!-- Часть 2 -->
1.11.3. Тэг <MAP>
<AREA shape="rect">
<AREA shape="circle">
<AREA shape="poly">
<AREA shape="default">
<AREA shape="rect" coords="x1, y1, x2, y2">
<AREA shape="rect" coords="0, 0, 120, 120">
<AREA shape="circle" coords="x1, y1, r1">
<AREA shape="circle" coords="60, 60, 30">
<AREA shape="poly" coords="x1, y1, x2, y2, x3, y3">
<AREA shape="poly" coords="10, 100, 60, 10, 100, 100">
<AREA shape="circle" coords="60, 60, 30" href="charter1.html">
<AREA shape="circle" coords="60, 60, 30" href="http://www.mysite.ru/charter1.html">
<AREA shape="circle" coords="60, 120, 60" nohref>
<AREA shape="rect" coords="0, 0, 240, 240" href="http://www.mysite.ru/charter1.html">
<AREA shape="rect" coords="0, 0, 240, 240" href="charter1.html" alt="Всплывающая подсказка">
<AREA shape="rect" coords="0, 0, 240, 240" href="charter1.html" target="_blank">