Larghezza e altezza dell'immagine in HTML

Se si impostano contemporaneamente sia la larghezza che l'altezza, l'immagine potrebbe risultare distorta. Ad esempio, se si imposta una larghezza di 100 pixel e un'altezza di 70px, il nostro smiley apparirà allungato in larghezza:

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

Результат:

L'immagine non necessariamente risulterà distorta, poiché potremmo semplicemente impostare sia la larghezza che l'altezza a 100 pixel; in questo caso la nostra immagine diventerebbe più piccola di quanto non fosse originariamente (era 130), ma le sue proporzioni non verrebbero alterate:

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

Результат:

Задание 1

Imposta la larghezza e l'altezza della tua immagine in modo che le proporzioni dell'immagine risultino distorte.

Задание 2

Imposta la larghezza e l'altezza della tua immagine in modo che le proporzioni dell'immagine NON risultino distorte.