double arrow

Задание размеров выводимого изображения

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

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

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

Приведем пример HTML-кода, отображение которого показано на рисунке. Для изменения масштаба использовано указание ширины изображения, а его высота автоматически масштабируется.

<HTML>

<TITLE>Задание размеров изображения</TITLE>

<BODY>

<IMG SRC=eagle.jpg WIDTH=300>

<IMG SRC=eagle.jpg >

<IMG SRC=eagle.jpg WIDTH=75>

</BODY>

</HTML>

Созданную страницу сохраните с именем lab9_4.html.


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



Сейчас читают про: