Ancho y alto de la imagen en HTML

Si establecemos tanto el ancho como el alto simultáneamente, podemos distorsionar la imagen. Por ejemplo, si establecemos el ancho a 100 píxeles y el alto a 70px, nuestro emoticono se estirará horizontalmente:

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

Результат:

La imagen no necesariamente se distorsionará, ya que podemos establecer tanto el ancho como el alto a 100 píxeles. En este caso, nuestra imagen se volverá más pequeña de lo que era (originalmente era de 130), pero sus proporciones no se distorsionarán:

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

Результат:

Задание 1

Establezca el ancho y el alto de su imagen de manera que las proporciones de la imagen se distorsionen.

Задание 2

Establezca el ancho y el alto de su imagen de manera que las proporciones de la imagen NO se distorsionen.