HTML ब्लॉक और इनलाइन तत्व
प्रत्येक HTML तत्व का एक डिफ़ॉल्ट प्रदर्शन मान होता है, जो इस बात पर निर्भर करता है कि वह किस प्रकार का तत्व है।
दो प्रदर्शन मान हैं: ब्लॉक और इनलाइन।
ब्लॉक-स्तरीय तत्व
एक ब्लॉक-स्तरीय तत्व हमेशा एक नई लाइन पर शुरू होता है।
एक ब्लॉक-स्तरीय तत्व हमेशा उपलब्ध पूरी चौड़ाई लेता है (जहां तक यह बाएं और दाएं तक फैला हुआ है)।
एक ब्लॉक स्तर तत्व में एक शीर्ष और निचला मार्जिन होता है, जबकि एक इनलाइन तत्व नहीं होता है।
उदाहरण
<div>Hello World</div>
यहाँ HTML में ब्लॉक-स्तरीय तत्व हैं:
इनलाइन तत्व
एक इनलाइन तत्व एक नई लाइन पर शुरू नहीं होता है।
एक इनलाइन तत्व केवल उतनी ही चौड़ाई लेता है जितनी आवश्यक हो।
यह एक पैराग्राफ के अंदर एक <span> तत्व है ।
उदाहरण
<span>Hello World</span>
यहाँ HTML में इनलाइन तत्व हैं:
नोट: एक इनलाइन तत्व में ब्लॉक-स्तरीय तत्व नहीं हो सकता है!
<div> तत्व
<div>तत्व अक्सर अन्य HTML तत्वों के लिए एक कंटेनर के रूप में उपयोग किया जाता है ।
<div>तत्व में कोई आवश्यक विशेषता नहीं है, लेकिन , styleऔर classसामान्य idहैं।
जब सीएसएस के साथ प्रयोग किया जाता है, तो <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>
<अवधि> तत्व
<span>तत्व एक इनलाइन कंटेनर है जिसका उपयोग टेक्स्ट के एक हिस्से या दस्तावेज़ के एक हिस्से को चिह्नित करने के लिए किया जाता है ।
<span>तत्व में कोई आवश्यक विशेषता नहीं है, लेकिन , styleऔर classसामान्य idहैं।
जब सीएसएस के साथ प्रयोग किया जाता है, तो <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>तत्व एक इनलाइन कंटेनर है जिसका उपयोग टेक्स्ट के एक हिस्से या दस्तावेज़ के एक हिस्से को चिह्नित करने के लिए किया जाता है
एचटीएमएल टैग
| Tag | Description |
|---|---|
| <div> | Defines a section in a document (block-level) |
| <span> | Defines a section in a document (inline) |
सभी उपलब्ध HTML टैग्स की पूरी सूची के लिए, हमारे HTML टैग संदर्भ पर जाएं ।