Breite und Höhe eines Bildes in HTML

Wenn man sowohl Breite als auch Höhe festlegt, kann das Bild verzerrt werden. Wenn man zum Beispiel die Breite auf 100 Pixel und die Höhe auf 70px setzt, wird unser Smiley in der Breite gestreckt:

html<img src="smile.png" width="100" height="70">

Результат:

Das Bild wird nicht unbedingt verzerrt, denn wir können sowohl Breite als auch Höhe auf 100 Pixel setzen. In diesem Fall wird unser Bild kleiner als ursprünglich (es war 130), aber die Proportionen werden nicht verzerrt:

html<img src="smile.png" width="100" height="100">

Результат:

Задание 1

Legen Sie Breite und Höhe für Ihr Bild so fest, dass die Proportionen des Bildes verzerrt werden.

Задание 2

Legen Sie Breite und Höhe für Ihr Bild so fest, dass die Proportionen des Bildes NICHT verzerrt werden.