img {
//width: 300px;
max-height: 100px;
max-width: 150px;
}
</style>
</head>
<body>
картинка 400 на 400 <br>
<img src="01.jpg"/>
<br><br>
картинка 400 на 260 <br>
<img src="02.jpg" />
<br><br>
картинка 256 на 400<br>
width =500<br>
<img width ="500" src="03.jpg" />
// <br> без width<br>
<img src="03.jpg" />
</body>
</html>
Пример файла.
<html>
<head>
<title>Титл</title>
<style type="text/css">
img {width: 300px; max-height: 100px; max-width: 150px; }
</style>
</head>
<body>
картинка 400 на 400 <br>
<img src="01.jpg" />
<br><br>
картинка 400 на 260 <br>
<img src="02.jpg" />
<br><br>
картинка 256 на 400<br>
<img src="03.jpg" />
</body>
</html>