Largura e altura da imagem em HTML
Se você definir tanto a largura quanto a altura,
a imagem pode ficar distorcida. Por exemplo, se
definirmos a largura para 100 pixels e a altura
para 70px, nosso smiley ficará esticado
horizontalmente:
html<img src="smile.png" width="100" height="70">
Результат:
A imagem não ficará necessariamente distorcida, pois
podemos simplesmente definir tanto a largura quanto a altura para
100 pixels; neste caso, nossa imagem
ficará menor do que era (originalmente era 130),
mas suas proporções não serão distorcidas:
html<img src="smile.png" width="100" height="100">
Результат:
Задание 1
Defina a largura e a altura da sua imagem de modo que as proporções da imagem fiquem distorcidas.
Задание 2
Defina a largura e a altura da sua imagem de modo que as proporções da imagem NÃO fiquem distorcidas.