IMG
(HTML 2.0) - Image
Используется для вставки изображений в HTML-документ. Данный элемент является одним из самых незаменимых элементов и незаменимый инструмент web-дизайнера. Элемент допускает вставку изображений в форматах JPEG (в том числе и progressive jpeg) и Compuserve GIF (включая прозрачные и анимированные). Четвертые версии браузеров позволяют также использовать формат PNG, но до тех пор, пока они не устареют. От применения формата PNG рекомендую воздержаться. Элемент IMG не имеет конечного тега.
Атрибуты:
SRC - обязательный атрибут, указывает адрес (URL) файла с изображением.
HEIGHT и WIDTH - определяют ширину и высоту изображения соответственно. Если указанные значения не совпадают с реальным размером изображения, то изображение масштабируется (возможно с потерей качества изображения).
HSPASE и VSPASE - определяет отступ картинки по горизонтали и вертикали (в пикселах) от других объектов документа. Необходимо при обтекании изображения текстом.
ALIGN - обязательный атрибут. Указывает способ выравнивания изображения в документе. Может принимать следующие значения:
left - выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа.
right - выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева.
top и texttop - выравнивает верхнюю кромку изображения с верхней линией текущей текстовой строки.
middle - выравнивает базовую линию текущей текстовой строки с центром изображения.
absmiddle - выравнивает центр текущей текстовой строки с центром изображения.
bottom и baseline - выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки.
absbottom - выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.
NAME - определяет имя изображения, уникальное для данного документа. Можно указать любое имя без пробелов используя латинские символы и цифры. Имя необходимо в том случае если, вы планируете осуществлять доступ к изображению, например, из JavaScript-сценариев.
ALT - определяет текст, отображаемый браузером на месте изображения, если браузер не может найти файл с изображением или включен в текстовый режим. В качестве значения задается текст с описанием изображения.
BORDER - определяет ширину рамки вокруг изображения в пикселлах. Рамка возникает, только в том случае, если изображение является гипертекстовой ссылкой. В таких случаях значение указывают обычно равным нулю.
LOWSRC - указывает адрес (URL) файла с альтернативным изображением более низкого качества (соответственно меньшего объема), чем изображение, указанное в атрибуте SRC. Браузеры Netscape, поддерживающие данный атрибут, сначала загрузят картинку из LOWSRC, а затем заменят ее картинкой из SRC.
USEMAP - применяет к изображению навигационную карту (image map), заданную элементом [#navmaps/map.php MAP]. В качестве значения задается имя карты с предшествующей ему решеткой.
ISMAP - определяет изображение как навигационную карту (image map), обрабатываемую сервером. Имеет смысл использовать только тогда, когда изображение является гиперссылкой. После клика мышкой на изображении серверу отправляются x,y-координаты нажатия. В зависимости от полученных координат, сервер (при наличии на нем соответствующего программного обеспечения) может показать вам тот или иной документ. Данный атрибут является флагом и не требует присвоения значения.
Примечания (очень важно):
Одно из золотых правил всех web-мастеров, это всегда задавать размеры картинки в атрибутах HEIGHT и WIDTH, тем самым зарезервировав место в окне браузера еще до загрузки изображения.
Еще одно золотое правило web-мастера: если на картинке изображено что то конкретно разборчивое, то это нужно описать словами в атрибуте ALT.
Всегда после <img........> ставьте <BR> , в плотную и без пробелов.
