Result Size: 300 x 150
x
 
<!DOCTYPE html>
<html>
<head>
<style>
img.one {
  height: auto;
}
img.two {
  height: 200px;
  width: 200px;
}
div.three {
  height: 300px;
  width: 300px;
  background-color: powderblue;
}
</style>
</head>
<body>
<h2>Установите высоту и ширину элементов</h2>
<p>Оригинальное изображение:</p>
<img class="one" src="../images/ocean.jpg" width="300" height="300"><br>
<p>Размер изображения (200x200 pixels):</p>
<img class="two" src="../images/ocean.jpg" width="300" height="300"><br>
<p>Высота и ширина этого элемента div равны 300px:</p>
<div class="three"></div>
</body>
</html>