Jassif Team Institution

HTML Block and Inline Elements

प्रत्येक HTML तत्व का एक डिफ़ॉल्ट प्रदर्शन मान होता है, यह इस बात पर निर्भर करता है कि तत्व किस प्रकार का है।

दो सबसे सामान्य प्रदर्शन मान वॉल्यूम और इनलाइन हैं।

ब्लॉक-स्तरीय तत्व

एक ब्लॉक-स्तरीय तत्व हमेशा एक नई लाइन पर शुरू होता है, और ब्राउज़र तत्व के पहले और बाद में स्वचालित रूप से कुछ स्थान (एक मार्जिन) जोड़ते हैं।

एक ब्लॉक-स्तरीय तत्व हमेशा पूरी उपलब्ध चौड़ाई लेता है (जहाँ तक संभव हो बाएँ और दाएँ पक्षों तक विस्तारित होता है)।

आमतौर पर उपयोग किए जाने वाले दो ब्लॉक तत्व हैं:<p>और<div>.

<p>तत्व HTML दस्तावेज़ में एक पैराग्राफ को परिभाषित करता है।

<div>एक तत्व HTML दस्तावेज़ में एक अनुभाग या भाग को परिभाषित करता है।

<p>तत्व एक ब्लॉक-स्तरीय तत्व है।

<div>तत्व एक ब्लॉक-स्तरीय तत्व है।

<p>Hello World</p>
<div>Hello World</div>

यहां HTML में ब्लॉक-स्तरीय तत्व हैं:

आंतरिक रेखा तत्व

एक इनलाइन तत्व एक नई लाइन पर प्रारंभ नहीं होता है।

एक इनलाइन तत्व केवल आवश्यक चौड़ाई लेता है।

यह एक पैराग्राफ में से एक है<span>अंग.

<span>Hello World</span>

यहाँ HTML में इनलाइन तत्व हैं:

वॉल्यूम बनाम आंतरिक रेखा

<div>अंग

<div>तत्व को अक्सर अन्य HTML तत्वों के लिए कंटेनर के रूप में उपयोग किया जाता है।

<div>तत्व में कोई आवश्यक विशेषताएँ नहीं हैं, लेकिन शैली, वर्ग और आईडी सामान्य हैं।

जब सीएसएस के साथ संयोजन में प्रयोग किया जाता है,<div>तत्व का उपयोग सामग्री ब्लॉक को सजाने के लिए किया जा सकता है:

<div style="background-color:black;color:white;padding:20px;">
  <h2>London</h2>
  <p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div>

अगले अध्याय में<div>आप तत्व के बारे में और अधिक जानेंगे।

<span>अंग

<span>एक तत्व एक इनलाइन कंटेनर है जिसका उपयोग पाठ के एक टुकड़े या दस्तावेज़ के हिस्से को दर्शाने के लिए किया जाता है।

<span>तत्व में कोई आवश्यक विशेषताएँ नहीं हैं, लेकिन शैली, वर्ग और आईडी सामान्य हैं।

जब सीएसएस के साथ संयोजन में प्रयोग किया जाता है,<span>तत्वों का उपयोग पाठ के भागों को सजाने के लिए किया जा सकता है:

<p>My mother has <span style="color:blue;font-weight:bold;">blue</span> eyes and my father has <span style="color:darkolivegreen;font-weight:bold;">dark green</span> eyes.</p>

अध्याय का सारांश

• एक ब्लॉक-स्तरीय तत्व हमेशा एक नई लाइन पर शुरू होता है और पूरी उपलब्ध चौड़ाई लेता है
• एक इनलाइन तत्व एक नई लाइन पर शुरू नहीं होता है और केवल आवश्यक चौड़ाई लेता है
• <div>तत्व एक ब्लॉक-स्तरीय तत्व है और इसे अक्सर अन्य HTML तत्वों के लिए कंटेनर के रूप में उपयोग किया जाता है
• <span>एक तत्व एक इनलाइन कंटेनर है जिसका उपयोग पाठ के एक टुकड़े या दस्तावेज़ के हिस्से को दर्शाने के लिए किया जाता है

अभ्यास

एचटीएमएल टैग