logo
Создание HTML

Указание браузеру размеров изображения.

В дескрипторе <IMG> вы можете явно указать броузеру размеры изображения — его высоту и ширину. Этот подход имеет следующие преимущества.

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

• Информация о размере изображения ускоряет его загрузку. Броузер сначала показывает документ HTML, а затем — изображение. Если вы указываете размер изображений, то броузер покажет отформатированный документ HTML параллельно с загрузкой изображения. Таким образом, пользователь увидит Web-страницу быстрее.

Для указания размеров изображения используются атрибуты height и width дескриптора <IMG>. В атрибуте HEIGHT указывается высота изображения, а в атрибуте WIDTH — его ширина в пикселях. Ниже показан документ, в котором указывается высота и ширина изображения. Здесь показано, как будет выглядеть этот документ HTML, если отключить загрузку изображения.

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