HTML ब्लॉक और इनलाइन
तालिकाओं के बाद पूरे पेज के प्रवाह को देखें: हर तत्व का डिफ़ॉल्ट display होता है। दो परिवार: block और inline।
यहाँ प्रवाह का अर्थ
लेआउट CSS से पहले डिफ़ॉल्ट पैकिंग। पैराग्राफ block है; लिंक वाक्य में inline रहता है।
सीधे उत्तर
Block: p, div, शीर्षक, सूचियाँ, table। Inline: a, strong, em, span, code। पहले डिफ़ॉल्ट याद करें।
📊 Common defaults
| Category | Examples | Flow habit |
|---|---|---|
| Block | p, div, h1–h6, ul, ol, section, table | New line, full available width (typical) |
| Inline | a, strong, em, span, code | Continues inside the text line |
Block बॉक्स और अंदर inline टुकड़े
p कंटेनर है; a/strong पंक्ति में रहते हैं। अगला div नया ब्लॉक खोलता है।
Block paragraph with inline pieces
html<p>
Read the <a href="guide.html">guide</a> and note the
<strong>important</strong> words before you continue.
</p>
<div>This div is a separate block box on its own line.</div>
पैराग्राफ उदाहरण पढ़ना
pबॉक्सaऔरstrongपंक्ति में- नीचे
divनया block
div बनाम span
div डिफ़ॉल्ट block; span inline। छोटे वाक्यांश → span।
div versus span contrast
html<p>Price: <span class="note">includes tax</span> today only.</p>
<div class="note">This whole note sits on its own block line.</div>
div/span उदाहरण
- span पंक्ति में
- div अपनी block पंक्ति पर
CSS बाद में display बदल सकता है
ओवरराइड पहचानने के लिए डिफ़ॉल्ट सीखें।
अभ्यास
- दो
pढेर - एक पैराग्राफ में दो
a - span बनाम div
- strong बिना जबरन नई पंक्ति
- प्रत्येक श्रेणी के तीन टैग लिखें
आसान गलतियाँ
- हर छोटे वाक्यांश के लिए div
- strong से नई पंक्ति की उम्मीद
- CSS ओवरराइड भूलना
सार
- Block ≈ नई पंक्ति
- Inline ≈ पंक्ति के अंदर
- छोटे हुक के लिए span
- CSS बाद में
🧠 अपने ज्ञान की परीक्षा करें
अपने ज्ञान की परीक्षा करें
इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं
📝 निर्देश
- हर प्रश्न को ध्यान से पढ़ें
- हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
- आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
- आपकी प्रगति शीर्ष पर दिखाई जाएगी