ब्लॉक और इनलाइन लेवल एलिमेंट
ब्लॉक लेवल एलिमेंट
ब्लॉक लेवल एलिमेंट (Block-level element) HTML में एक एलिमेंट है जिसे एक नई पंक्ति (new line) पर शुरू किया जाता है और इसकी डिफ़ॉल्ट व्यापकता (width) पूरी पंक्ति तक होती है। इन एलिमेंट्स का एक प्रमुख उदाहरण <div> है। ये ब्लॉक लेवल एलिमेंट्स वेब पेज की संरचना और तालिका को परिभाषित करने के लिए उपयोग होते हैं।
यहां कुछ प्रमुख ब्लॉक लेवल एलिमेंट्स की सूची है:
- <div>: एक ब्लॉक लेवल जनरल पर्पज़ एलिमेंट है जिसका उपयोग वेब पेज के विभिन्न सेक्शन को बनाने के लिए किया जाता है।
- <p>: पैराग्राफ को दर्शाने के लिए इस्तेमाल होता है। एक नया पैराग्राफ नई पंक्ति से शुरू होता है।
- <h1>-<h6>: हेडिंग एलिमेंट्स हैं जो पृष्ठ में शीर्षकों को दर्शाने के लिए उपयोग होते हैं।
- <ul>: अद्यतित सूची (unordered list) को बनाने के लिए इस्तेमाल होता है।
- <ol>: आदेशित सूची (ordered list) को बनाने के लिए इस्तेमाल होता है।
- <table>: टेबल को बनाने के लिए इस्तेमाल होता है।
ब्लॉक लेवल एलिमेंट्स को आप चाहें तो CSS के माध्यम से स्टाइल भी दे सकते हैं, जैसे कि व्यापकता, पृष्ठभूमि, प्रस्तुति आदि को निर्धारित करना।
इनलाइन लेवल एलिमेंट
इनलाइन लेवल एलिमेंट (Inline-level element) HTML में एक एलिमेंट है जो वाक्यांश या पाठ के भीतर समाहित होता है और इसकी डिफ़ॉल्ट व्यापकता (width) केवल उस पाठ के आधार पर होती है। इन एलिमेंट्स का उपयोग आवाज़, संकेत, बटन, हाइपरलिंक आदि को शामिल करने के लिए किया जाता है।
यहां कुछ प्रमुख इनलाइन लेवल एलिमेंट्स की सूची है:
- <span>: एक इनलाइन जनरल पर्पज़ एलिमेंट है जिसका उपयोग टेक्स्ट के छोटे भागों को रूपांतरित करने या स्टाइल देने के लिए किया जाता है।
- <a>: हाइपरलिंक को दर्शाने और नेविगेशन करने के लिए इस्तेमाल होता है।
- <img>: इमेज को प्रदर्शित करने के लिए इस्तेमाल होता है।
- <em>: पाठ के इम्प्हासिस (emphasized) भाग को दर्शाने के लिए इस्तेमाल होता है।
- <strong>: पाठ के महत्वपूर्ण (important) भाग को दर्शाने के लिए इस्तेमाल होता है।
- <input>: उपयोगकर्ता इनपुट को दर्शाने के लिए इस्तेमाल होता है, जैसे कि टेक्स्ट इनपुट, चेकबॉक्स, रेडियो बटन आदि।
इनलाइन लेवल एलिमेंट्स को आप चाहें तो CSS के माध्यम से स्टाइल भी दे सकते हैं, जैसे कि रंग, फ़ॉन्ट, प्रस्तुति आदि को निर्धारित करना।