एचटीएमएल <div> टैग
उदाहरण
एक दस्तावेज़ में एक <div> अनुभाग जिसे सीएसएस के साथ स्टाइल किया गया है:
<html>
<head>
<style>
.myDiv {
border: 5px outset red;
background-color: lightblue;
text-align: center;
}
</style>
</head>
<body>
<div class="myDiv">
<h2>This is a heading
in a div element</h2>
<p>This is some text in a div element.</p>
</div>
</body>
</html>
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
<div>
टैग HTML दस्तावेज़ में एक विभाजन या एक अनुभाग को परिभाषित करता है ।
टैग का <div>
उपयोग HTML तत्वों के लिए एक कंटेनर के रूप में किया जाता है - जिसे तब CSS के साथ स्टाइल किया जाता है या जावास्क्रिप्ट के साथ हेरफेर किया जाता है।
वर्ग या आईडी विशेषता का <div>
उपयोग करके टैग को आसानी से स्टाइल किया जाता है।
किसी भी प्रकार की सामग्री को टैग के अंदर रखा जा सकता है <div>
!
नोट: डिफ़ॉल्ट रूप से, ब्राउज़र हमेशा <div>
तत्व के पहले और बाद में एक लाइन ब्रेक लगाते हैं।
ब्राउज़र समर्थन
Element | |||||
---|---|---|---|---|---|
<div> | Yes | Yes | Yes | Yes | Yes |
वैश्विक गुण
<div>
टैग HTML में वैश्विक विशेषताओं का भी समर्थन करता है ।
घटना गुण
<div>
टैग HTML में ईवेंट विशेषताओं का भी समर्थन करता है ।
संबंधित पृष्ठ
HTML ट्यूटोरियल: HTML ब्लॉक और इनलाइन एलिमेंट्स
एचटीएमएल ट्यूटोरियल: एचटीएमएल लेआउट
एचटीएमएल डोम संदर्भ: डिव ऑब्जेक्ट
डिफ़ॉल्ट सीएसएस सेटिंग्स
अधिकांश ब्राउज़र <div>
निम्न डिफ़ॉल्ट मानों के साथ तत्व प्रदर्शित करेंगे:
उदाहरण
div {
display: block;
}