вернуться на главную страницу

6. Задание размера изображения.

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

Пиксел (элемент рисунка) - это единица измерения, характеризующая разрешение монитора. Чтобы представить себе размер пиксела, вспомните, что стандартный экран монитора VGA (c разрешением 640х480) содержит 640 пикселов по ширине и 480 по высоте. Таким образом, изображение размером 320х240 пикселов займет примерно половину экрана монитора VGA.

Ключевые слова HEIGHT и WIDTH используются в теге <IMG> наряду с ключевыми словами выравнивания и альтернативного текста.

Примеры:

1.<IMG SRC="r1.jpg" ALT="Аквариум"  WIDTH=50 HEIGHT=50>

2.<IMG SRC="r1.jpg" ALT="Аквариум"  WIDTH=150 HEIGHT=350>

3.<IMG SRC="r1.jpg" ALT="Аквариум"  WIDTH=350 HEIGHT=200>

На экране это выглядит следующим образом:  


вернуться на главную страницу