2.6.4.2. Задание размеров выводимого изображения (атрибуты width и heigth).

Тег встраивания изображений имеет два необязательных атрибута, указывающих размеры изображения при отображении - WIDTH и HEIGHT . Значения параметров могут указываться как в пикселях, так и в процентах от размеров окна просмотра.

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

Любой из этих параметров может быть опущен. Если задан только один из параметров, то при загрузке рисунка второй параметр будет вычеслятся автоматически из условий сохранения пропорций. Изменение размеров изображений при помощи задания параметров ширины и высоты может использоваться для просмотра иллюстраций в уменьшенном виде, однако такой подход не сокращает время загрузки изображения.

Если не требуется изменить размеры изображения, настоятельно рекомендуется указывать их реальные размеры в пикселях. Указание действительных размеров:

• позволяет читателю, работающему в режиме отключения загрузки изображений, иметь представление о размерах иллюстрации по пустому прямоугольнику, выдаваемому на экран вместо изображения (если размеры не будут указаны, то браузер, не зная их, выведет маленькую пиктограмму и форматирование будет нарушено).

• позволяет ускорить верстку документа на экране. Обычно браузеры должны загрузить все встроенные изображения прежде, чем отфармотировать текст на экране. Указание размеров изображений позволяет выполнить форматирование документа до полной загрузки файлов и сизображениеми.

2.6.4.3. Отделение изображений от текста (атрибуты hspace и vspace).

Для тега <IMG> можно задать атрибуты HSPACE и VSPACE, значения которых определяют отступы от изображения, оставляемые пустыми, соответственно по горизонтали и вертикали. Это гарантирует, что между текстом и изображением останется пространство, необходимое для нормального восприятия.

2.6.4.4. Рамки вокруг изображений (атрибут border).

Изображение, встраиваемое на страницу, можно поместить в рамку различной ширины. Для этого служит атрибут BORDER тега <IMG> . В качестве значения атрибута используется число, означающее толщину рамки в пикселях. По умолчанию рамка вокруг изображения не рисуется. Исключением из этого правила является случай, когда изображение является ссылкой.

2.6.4.5. Альтернативный текст (атрибут alt).

Одним из атрибутов тега <IMG> является ALT, определяющий альтернативный текст. Его указание дает возможность пользователям работающих в режиме отключенной загрузки изображений, получить некоторую текстовую информацию о встроенных изображениях.

При отключенном изображении вместо них на экране появится альтернативный текст, определенный значением атрибут ALT . Значение этого параметра имеет смысл и для случаев, когда загрузка изображений будет выполняться. Поскольку загрузка изображений выполняется на втором проходе после отображения текстовой информации, то изначально на экране на месте изображения появится альтернативный текст, который по мере загрузки будет сменяться изображением.

Современные браузеры также будут отображать альтернативный текст в качестве подсказки (tooltip) при помещении курсора мыши в область изображения.