Создание сайтов
Продвижение
HTML-справочник Форум web-мастеров
Контакты
баннерная реклама в интернете
10.12.2018 Понедельник 13:22      IP:35.172.201.102

 

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> , в плотную и без пробелов.

Рейтинг@Mail.ru Торговля на форекс без вложений. Индекс цитирования