HTML: различия между версиями
Содержимое удалено Содержимое добавлено
Строка 413:
Картинки могут быть помещены внутри тегов гиперссылка, тогда щелчок по ним будет аналогичным щелчок по обычным ссылкам. Вокруг картинки появится синяя рамка. Но есть еще более интересный способ сделать из картинки гиперссылка ...
===Карты===
Изображение можно разделить на области различной формы, каждая из которых может ссылаться в другое место. Для этого с помощью тега <nowiki><map></nowiki> задают карту. Атрибут id, который идентифицирует карту, и используется для связи с картинкой. Чтобы картинке назначить карты используется в атрибуте usemap картинки написать идентификатор карты, используемой картинка. Внутри тега карты содержатся теги областей, которые задаются тегами <nowiki><area></nowiki>. Опять же, этот тег одинарный, и хочет чтобы его правильно закрывали. Атрибут href, задает адрес ссылки, атрибут nohref, если назначить ему значение true, исключает зону с карты. Атрибут shape задает форму области: rect - прямоугольная, circle - круг, и poly для многоугольника.
<source lang="html4strict">
<img src="planets.gif" width="145" height="126" usemap="#planetmap">
<map id="planetmap" name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
<area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
<area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>
</source>
Пример бессовестно свистнуть [http://www.w3schools.com/html/tryit.asp?filename=tryhtml_areamap отсюда]. Очень хорошее место, чтобы потренироваться, без лишней мороки.
Форму задают с помощью атрибута coords, который содержит четыре координаты (лево, верх, право, низ) для прямоугольника, три (координаты центра и радиус) для круга, и четное количество для многоугольника (координаты каждой вершины). Координаты можно узнать морем способов. Можно в пеинти посмотреть. А если форма сложная, точек много, то можно и специальную программу использовать. То вроде [http://www.carlosag.net/Tools/XMap/ X-Map]. Хотя, если честно, ни этой программе, ни картами, я не пользовался. Но если такое есть, то надо дать людям знать. Иначе книжка какая-то не солидная будет.
==Представление информации структурировано==
| |||