Атрибуты тега img в %

Размеры картинки в % от ширины body

<img src="animals/dogs.jpg" alt="Собаки" width="50%" height="40%"> Собаки

Картинка растянута, т.к. размерв body значительно больше самой картинки

Размеры картинки в % внутри <div class="column"> c помощью css-правил

<style> .column { width: 50%; } .img-percent { width:50%; height:40% } </style> <div class="column"> <img src="animals/dogs.jpg" alt="Собаки" class="img-percent"> </div>
Собаки

Ширина картинки уменьшена, т.к. ширина <div class="column"> составляет 50% от ширины body, т.е. в 2 раза меньше.