2015-03-08
522
Тег встраивания изображений имеет два необязательных параметра, указывающих размеры изображения при отображении — WIDTH и HEIGHT. Значения параметров могут указываться как в пикселах, так и в процентах от размеров окна просмотра. Значения параметров ширины и высоты изображения могут не совпадать с истинными размерами изображения. В этом случае браузеры автоматически при загрузке изображений выполняют его перемасштабирование. Заметим, что неаккуратное задание параметров может привести к изменению пропорций рисунка и, как следствие, к его искажению.
<HTML>
< TITLE >Задание размеров изображений</ TITLE >
<BODY>
<IMG SRC=spb.gif WIDTH=300>
<IMG SRC=spb.gif>
<IMG SRC=spb.gif WIDTH=75>
</BODY>
</HTML>
Отделение изображения от текста
Для тега <IMG> можно задавать параметры HSPACE и VSPACE, значения которых
определяют отступы от изображения, оставляемые пустыми, соответственно, по горизонтали и вертикали. Это гарантирует, что между текстом и изображением останется пространство, необходимое для нормального восприятия. В приведенном ниже HTML-коде, со всех четырех сторон изображения задан отступ, равный 20 пикселам.
<HTML>
<TITLE>Использование параметров HSPACE и VSPACE</TITLE>
<BODY>
<IMG SRC=spb.gif ALIGN=left HSPACE=20 VSPACE=20>
(Текст абзаца)
<p>
(Текст абзаца)
</BODY>
</HTML>
Рамки вокруг изображений
Изображение, встраиваемое на страницу, можно поместить в рамку различной ширины. Для этого служит параметр BORDER тега <IMG>. В качестве значения параметра используется число, означающее толщину рамки в пикселях. По умолчанию рамка вокруг изображений не рисуется. Исключением из этого правила является случай, когда изображение является ссылкой.
<HTML>
<TITLE>Помещение изображения в рамку</ TITLE >
<BODY>
<IMG SRC=map.gif>
<IMG SRC=map.gif BORDER=1>
<IMG SRC=map.gif BORDER=5>
<IMG SRC=map.gif BORDER=10>
</BODY>
</HTML>
