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
अपनी छवि की चौड़ाई और ऊंचाई इस तरह सेट करें कि छवि का अनुपात विकृत न हो।