HTML में हाइट और विड्थ एट्रिब्यूट्स का उपयोग एलिमेंट की ऊंचाई और चौड़ाई निर्दिष्ट करने के लिए किया जाता है। मान पिक्सेल (px) में सेट किए जाते हैं।
हाइट और विड्थ एट्रिब्यूट निम्न HTML एलिमेंट्स में उपयोग किए जाते हैं:
| क्र.सं. | एलिमेंट्स | एट्रिब्यूट | एट्रिब्यूट |
| 1 | <canvas> एलिमेंट | height | width |
| 2 | <embed> एलिमेंट | height | width |
| 3 | <iframe> एलिमेंट | height | width |
| 4 | <img> एलिमेंट | height | width |
| 5 | <input> एलिमेंट | height | width |
| 6 | <object> एलिमेंट | height | width |
| 7 | <video> एलिमेंट | height | width |
HTML पेज में इमेज जोड़ने के लिए <img> टैग का उपयोग किया जाता है। इसके साथ, हमें इमेज की ऊंचाई और चौड़ाई पिक्सेल में सेट करने के लिए हाइट और विड्थ एट्रिब्यूट्स का उपयोग करना होगा।
उदाहरण
HTML में हाइट और विड्थ एट्रिब्यूट्स का उपयोग करने का तरीका सीखने के लिए निम्न कोड चलाएं:
<!DOCTYPE html> <html> <head> <title>HTML हाइट और विड्थ एट्रिब्यूट</title> </head> <body> <img src="https://www.tutorialspoint.com/green/images/logo.png" alt="सिम्पली ईज़ी लर्निंग" width="200" height="70"> </body> </html>
सर्वोत्तम अभ्यास: लेआउट शिफ्ट रोकने के लिए हमेशा इमेज पर width और height निर्दिष्ट करें।
