Атрибуты тега 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 раза меньше.