Breedte en hoogte van afbeeldingen in HTML
Als je zowel de breedte als de hoogte instelt,
kan de afbeelding vervormd raken. Bijvoorbeeld, als je
de breedte instelt op 100 pixels en de hoogte
op 70px, dan wordt onze smiley uitgerekt
in de breedte:
html<img src="smile.png" width="100" height="70">
Результат:
De afbeelding wordt niet per se vervormd, want we
kunnen simpelweg zowel de breedte als de hoogte instellen op
100 pixels, in dit geval wordt onze afbeelding
kleiner dan hij was (hij was 130),
maar de verhoudingen worden niet vervormd:
html<img src="smile.png" width="100" height="100">
Результат:
Задание 1
Stel de breedte en hoogte van je afbeelding zo in, dat de verhoudingen van de afbeelding vervormd raken.
Задание 2
Stel de breedte en hoogte van je afbeelding zo in, dat de verhoudingen van de afbeelding NIET vervormd raken.