HTML वर्ग

HTML को वर्गीकृत करें (को वर्ग सेट करें) ताकि हम तत्व के वर्ग के लिए CSS स्टाइल परिभाषित कर सकें。

समान वर्ग के लिए समान स्टाइल सेट करें या अलग वर्ग के लिए अलग स्टाइल सेट करें。

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
.cities {
    पृष्ठभूमि-रंग:काला;
    रंग:श्वेत;
    मार्ग:20पिक्सल;
    पैडिंग:20पिक्सल;
} 
</style>
</head>
<body>
<div class="cities">
<h2>लंदन</h2>
<p>
लंदन इंग्लैंड की राजधानी शहर है。 
यह यूनाइटेड किंगडम में सबसे अधिक जनसंख्या वाला शहर है, 
13 मिलियन से अधिक निवासियों वाले महानगरीय क्षेत्र के साथ。
</p>
</div> 
</body>
</html>

अपने आप प्रयास करें

वर्गीकृत ब्लॉक स्तर तत्व

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

डिव तत्व की वर्ग को सेट करने के लिए एक साथ के लिए समान को वर्ग सेट करें:

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
.cities {
    पृष्ठभूमि-रंग:काला;
    रंग:श्वेत;
    मार्ग:20पिक्सल;
    पैडिंग:20पिक्सल;
} 
</style>
</head>
<body>
<div class="cities">
<h2>लंदन</h2>
<p>लंदन इंग्लैंड की राजधानी शहर है। 
यह यूनाइटेड किंगडम में सबसे अधिक जनसंख्या वाला शहर है, 
13 मिलियन से अधिक निवासियों वाले महानगर क्षेत्र के साथ。</p>
</div>
<div class="cities">
<h2>पेरिस</h2>
<p>पेरिस फ्रांस की राजधानी और सबसे अधिक जनसंख्या वाला शहर है。</p>
</div>
<div class="cities">
<h2>टोक्यो</h2>
<p>टोक्यो जापान की राजधानी, ग्रेटर टोक्यो क्षेत्र का केंद्र है,</p>
और दुनिया में सबसे अधिक जनसंख्या वाला महानगर क्षेत्र है。</p>
</div>
</body>
</html>

अपने आप प्रयास करें

श्रेणीबद्ध रेखी तत्व

HTML <span> तत्व एक रेखी तत्व है, जो लिखे गए ग्राफीक्स के कैसे इस्तेमाल किया जाता है का कैसे इस्तेमाल किया जाता है

एक <span> तत्व की वर्ग को सेट करने से, एक ही तत्व के <span> के लिए समान शैली सेट की जा सकती है。

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
  span.red {color:red;}
</style>
</head>
<body>
<h1>My <span class="red">Important</span> Heading</h1>
</body>
</html>

अपने आप प्रयास करें