XTML-справочник



             

IMG - часть 3


/p>

  Пример 2. Использование изображения в качестве гиперссылки:
     

<A HREF="carlson.html">

<IMG src="/img/button.jpg" WIDTH="70" HEIGHT="30" ALIGN="right" BORDER="0" ALT="Досье Карлсона">

</A>

Для просмотра досье нажмите на кнопку справа.

  Пример 3. Использование ISMAP:
     

<A HREF="http://www.igf.ru/bin/imagemaps/map1">

<IMG SRC="map.gif" ISMAP></A>');

  Пример 4. Использование USEMAP:
     

<IMG src="/img/buttons.jpg" WIDTH="170" HEIGHT="120" ALIGN="middle" BORDER="0" USEMAP="#ButtonsMap">');


Примечания (особо важно):


Золотое правило web-мастера ? всегда явно задавать размеры картинки в атрибутах HEIGHT и WIDTH, резервируя тем самым место в окне браузера еще до загрузки изображения. В противном случае документ при загрузке каждой картинки будет заново перерисовываться. А на медленных машинах (или при подключении к сети через модем) это смотрится просто отвратительно.


Второе золотое правило web-мастера: если на картинке изображено что-то разборчивое, нужно описать это словами в атрибуте ALT.


Всегда сразу после <IMG ...> ставьте <BR>! А то проблем не миновать ? после картинки появится пустое пространство в несколько пикселей. Причём ставьте вплотную, без пробелов: <img ...><br>.


Для завершения обтекания изображения текстом используйте атрибут CLEAR элемента BR.


Значения top и texttop атрибута ALIGN не совсем идентичны, и их использование порой дает разный результат. Попробуйте поэкспериментировать.


Указывайте значения атрибутов HSPACE и VSPACE, даже если вы хотите оставить поля нулевой ширины. Бывает, что некоторые браузеры по умолчанию присваивают им какое-то небольшое значение, не равное нулю.


По возможности старайтесь не создавать навигационных карт, обрабатываемых на сервере. Иначе говоря, вместо атрибута ISMAP используйте атрибут USEMAP + локальные карты.

<


Содержание  Назад  Вперед