Вставка в документ объектов (часть I)

Объекты - это графические и мультимедийные вставки в HTML-документ, такие как картинки, Java-апплеты, звуки, музыка, видео, VRML.

Элемент IMG

Используется для вставки в тело документа графического изображения. Под графическим изображением подразумевают: схемы, рисунки, графические объекты и карты изображений в форматах JPEG (в том числе progressive jpeg) и Compuserve GIF (включая прозрачные и анимированные). Последние версии браузеров позволяют также использовать формат PNG, но до тех пор пока они не устареют от применения PNG лучше воздержаться.
Элемент IMG не имеет конечного тэга.
Имеет атрибуты;

атрибут Src Этот атрибут является обязательным параметром. Указывает адрес (URL-адрес) файла с изображением. Записывается так: <img src="http://site.ru/images/kartinka.gif"> атрибут Width Определяет ширину изображения в пикселях. Записывается так: <img src="http://site.ru/images/kartinka.gif" width="150"> атрибут Height Определяет высоту изображения в пикселях. Записывается так: <img src="http://site.ru/images/kartinka.gif" height="120"> Если указанные значения атрибутов "width" и "height" не совпадают с реальным размером изображения, изображение масштабируется (порой с заметной потерей качества). То есть размер файла изображения (имеется ввиду размер в kb) остается неизменным. Важно! Обязательно задавайте значения параметров "width" и "heght", резервируя тем самым место в окне браузера еще до загрузки изображения. В противном случае документ при загрузке каждой картинки будет заново перерисовываться. А на медленных машинах или при подключении к сети посредством модема это просто отвратительно смотрится. атрибут Hspace Определяет отступ картинки (в пикселах) по горизонтали от других объектов документа. Просто необходим при обтекании изображения текстом. Записывается так: <img src="http://site.ru/images/kartinka.gif" hspace="20"> атрибут Vspace Определяет отступ картинки (в пикселах) по вертикали от других объектов документа. Так же необходим при обтекании изображения текстом. Записывается так: <img src="http://site.ru/images/kartinka.gif" vspace="15"> Здесь можно посмотреть примеры применения этих атрибутов. Важно!Указывайте значения параметров Hspace и Vspace, даже если вы хотите оставить поля нулевой ширины. Бывает, что некоторые браузеры по умолчанию присваивают им какое-то небольшое значение, не равное нулю. атрибут Align Обязательный параметр. Указывает способ выравнивания изображения в документе. Может принимать следующие значения: left Выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа. right Выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева. top и texttop Выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки. middle Выравнивает базовую линию текущей текстовой строки с центром изображения. absmiddle Выравнивает центр текущей текстовой строки с центром изображения. bottom и baseline Выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки. absbottom Выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки. Записывается так; <img src="http://site.ru/images/kartinka.gif" align="left"> Здесь можно посмотреть действие всех значений атрибута "align" элемента <Img>. атрибут Name Определяет имя изображения, уникальное для данного документа. Вы можете указать любое имя без пробелов с использованием латинских символов и цифр. Имя необходимо, если вы планируете осуществлять доступ к изображению, например, из JavaScript-сценариев. Записывается так: <img src="http://site.ru/images/kartinka.gif" name="risunok"> атрибут Alt Определяет альтернативный текст который будет отображаться вместо изображения пока идет загрузка изображения или если браузер по какой либо причине не смог отобразить изображение (неправильный путь к файлу изображения, не найдено изображение на сервере и т.д.) Записывается так: <img src="http://site.ru/images/kartinka.gif" alt="Здесь должна быть моя фотография, но я все никак не соберусь сфотографироваться"> Эффект; атрибут Border Определяет ширину рамки вокруг изображения в пикселах. Если этот атрибут не указан в теге <Img> рамка возникает, только если изображение является гипертекстовой ссылкой. В таких случаях значение Border обычно указывают равным нулю. Записывается так: <img src="http://site.ru/images/kartinka.gif" border="2"> атрибут Lowsrc Указывает адрес (URL) файла с альтернативным изображением более низкого качества (и, соответственно, меньшего объема), чем изображение, указанное в атрибуте "src". Браузеры, поддерживающие данный параметр, сначала загрузят картинку из Lowsrc, a затем, когда основная картинка из "src" загрузится, заменят ее. Записывается так: <img lowsrc="http://site.ru/images/mini.gif" src="http://site.ru/images/kartinka.gif"> атрибут Usemap Применяет к изображению навигационную карту (image map), заданную элементом "Map". В качестве значения задается имя карты с предшествующей ему решеткой. Например, если имя карты - "map1", то ссылка на нее будет выглядеть как "#map1". Обратите внимание: прописные и строчные буквы в данном параметре трактуются браузером как разные. Об элементе "Map" я расскажу чуть позже. Записывается так: <img src="http://site.ru/images/kartinka.gif" usemap="#map1">

Продолжение следует...