<html>
<head>
<style>
html, body {
height: 100%;
}
img.one {
height: auto;
width: auto;
}
img.two {
height: 50%;
width: 50%;
}
</style>
</head>
<body>
<h2>Установите высоту и ширину в %</h2>
<p>Измените размер окна браузера, чтобы увидеть эффект.</p>
<p>Оригинальное изображение:</p>
<img class="one" src="../images/ocean.jpg" width="300" height="300"><br>
<p>Размер изображения (в %):</p>
<img class="two" src="../images/ocean.jpg" width="300" height="300">
</body>
</html>