लोड हो रहा है...

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
HTML Code
<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
HTML Code
<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 बदल सकता है

ओवरराइड पहचानने के लिए डिफ़ॉल्ट सीखें।

अभ्यास

  1. दो p ढेर
  2. एक पैराग्राफ में दो a
  3. span बनाम div
  4. strong बिना जबरन नई पंक्ति
  5. प्रत्येक श्रेणी के तीन टैग लिखें

आसान गलतियाँ

  • हर छोटे वाक्यांश के लिए div
  • strong से नई पंक्ति की उम्मीद
  • CSS ओवरराइड भूलना

सार

  • Block ≈ नई पंक्ति
  • Inline ≈ पंक्ति के अंदर
  • छोटे हुक के लिए span
  • CSS बाद में

🧠 अपने ज्ञान की परीक्षा करें

शुरू करने के लिए तैयार

अपने ज्ञान की परीक्षा करें

इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं

❓
5
प्रश्न
🎯
70%
पास करने के लिए
♾️
∞
समय
🔄
∞
प्रयास

📝 निर्देश

  • हर प्रश्न को ध्यान से पढ़ें
  • हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
  • आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
  • आपकी प्रगति शीर्ष पर दिखाई जाएगी