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

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

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

Посмотрите, что получится:

-= Моя коллекция бабочек =- Я коллекционирую бабочки. У меня очень большая коллекция, примерно 1300 различных бабочек. Я стараюсь не повторяться и около 1000 бабочек у меня различных видов и окраски.

Теперь изображение бабочки на экране размерами в 100х100. HEIGHT - высота, WIDTH - ширина.