Պատկերի լայնությունը և բարձրությունը HTML-ում

Եթե միաժամանակ սահմանվեն և լայնությունը, և բարձրությունը, ապա պատկերը կարող է խեղաթյուրվել: Օրինակ, եթե լայնությունը սահմանենք 100 պիքսել, իսկ բարձրությունը 70px, ապա մեր ժպիտիկը կձգվի լայնությամբ.

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

Результат:

Պատկերը պարտադիր չէ, որ խեղաթյուրվի, քանի որ մենք կարող ենք սահմանել և լայնությունը, և բարձրությունը 100 պիքսել, այս դեպքում մեր պատկերը կդառնա ավելի փոքր, քան եղել է (իսկ եղել է 130), բայց դրա համամասնությունները չեն խեղաթյուրվի.

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

Результат:

Задание 1

Սահմանեք ձեր պատկերի լայնությունն ու բարձրությունը այնպես, որ պատկերի համամասնությունները խեղաթյուրվեն:

Задание 2

Սահմանեք ձեր պատկերի լայնությունն ու բարձրությունը այնպես, որ պատկերի համամասնությունները ՉԽեղաթյուրվեն: