<!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>