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

HTML में div

block/inline के बाद div बॉक्स से समूह बनाते हैं।

अर्थहीन बॉक्स क्यों उपयोगी

कार्ड अक्सर div+class से शुरू होते हैं।

सीधे उत्तर

sambandhit मार्कअप को div में लपेटें, class दें, भूमिका स्पष्ट हो तो सिमेंटिक चुनें।

एक कार्ड समूह

शीर्षक और पैराग्राफ के चारों ओर div।

Grouping with a card div

html
HTML Code
<div class="card">
<h2>Today</h2>
<p>Practice HTML containers with a simple card.</p>
</div>

कार्ड उदाहरण

  • div समूह
  • h2/p अर्थ रखते हैं
  • class हुक

दो कार्डों वाला रैपर

bahari रैपर, अंदर कार्ड।

Wrapper with two cards

html
HTML Code
<div class="card-row">
<div class="card">
<h3>Lesson</h3>
<p>Read the notes once.</p>
</div>
<div class="card">
<h3>Practice</h3>
<p>Rebuild the markup from memory.</p>
</div>
</div>

रैपर पढ़ना

  • दो स्तर काफी
  • बच्चे सिमेंटिक

अर्थ को प्राथमिकता

div बैकअप है, हर क्षेत्र की पहली पसंद नहीं।

अभ्यास

  1. एक कार्ड
  2. रैपर में दो
  3. खाली div हटाएँ
  4. तीन टैग लिखें जो div नहीं बदलता

आसान गलतियाँ

  • div सूप
  • p/ul/nav की जगह div
  • खाली रैपर

सार

  • सामान्य कंटेनर
  • class हुक
  • स्पष्ट हो तो सिमेंटिक
  • सूप से बचें

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

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

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

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

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

📝 निर्देश

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