Bredde og højde på billeder i HTML

Hvis du indstiller både bredde og højde samtidig, kan billedet blive forvrænget. For eksempel, hvis du sætter bredden til 100 pixels og højden til 70px, vil vores smiley blive strukket i bredden:

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

Результат:

Billedet bliver ikke nødvendigvis forvrænget, for vi kan blot indstille både bredde og højde til 100 pixels. I dette tilfælde vil vores billede blive mindre end det var (det var 130), men dets proportioner vil ikke blive forvrænget:

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

Результат:

Задание 1

Indstil din billedes bredde og højde så billedets proportioner bliver forvrænget.

Задание 2

Indstil din billedes bredde og højde så billedets proportioner IKKE bliver forvrænget.