IMG

Элемент IMG необходим для вставки изображений в HTML-документ. Данный элемент является одним из самых популярных элементов, незаменимым инструмент web-дизайнера. Возможна вставка изображений формата JPEG, в том числе progressive jpeg, и Compuserve GIF, включая прозрачные и анимированные. Некоторые версии браузеров позволяют также использовать формат PNG.

Элемент  IMG не имеет конечного тега.

АТРИБУТЫ:

SRC - обязательный атрибут. Указывает адрес (URL) файла с изображением.

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

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

HSPACE  - определяют горизонтальный отступ от других объектов документа в пикселях.

VSPACE - определяет вертикальный отступ от других объектов документа в пикселях.

ALIGN - обязательный атрибут. Указывает способ выравнивания изображения в документе. Может принимать следующие значения:
left - выравнивает изображение по левому краю документа, то есть прилегающий текст обтекает изображение справа.
right - выравнивает изображение по правому краю документа, то есть прилегающий текст обтекает изображение слева.
top и texttop - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки.
middle - выравнивает базовую линию текущей текстовой строки с центром изображения.
absmiddle - выравнивает центр текущей текстовой строки с центром изображения.
bottom и baseline - выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки.
absbottom - выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.

NAME - определяет имя изображения, уникальное для данного документа. Имя необходимо, если вы планируете осуществлять доступ к изображению, например, из JavaScript-сценариев.

ALT - определяет текст, отображаемый браузером на месте изображения, текст будет показан в том случае, если браузер не может найти файл с изображением или включен в текстовый режим. В качестве значения задается текст с описанием изображения.

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

LOWSRC - указывает адрес (URL) файла с альтернативным изображением более низкого качества (и, соответственно, меньшего объема), чем изображение, указанное в атрибуте SRC. 

USEMAP - применяет к изображению навигационную карту, заданную элементом MAP. В качестве значения задается имя карты с предшествующей ему решеткой, то есть, если имя карты - "MyMap", то ссылка на нее будет выглядеть как "#MyMap".

ISMAP - определяет изображение как навигационную карту, обрабатываемую сервером. Имеет смысл использовать только тогда, когда изображение является гиперссылкой. После клика мышкой на изображении серверу отправляются x,y-координаты нажатия. В зависимости от полученных координат, сервер (при наличии на нем соответствующего программного обеспечения) может показать вам тот или иной документ. Данный атрибут является флагом и не требует присвоения значения.

ПРИМЕР: