Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

हम HTML में तीन डिवीज़न
को साथ-साथ कैसे रख सकते हैं?

CSS गुणों के साथ, आप आसानी से HTML में तीन

एक साथ रख सकते हैं। इसे प्राप्त करने के लिए CSS संपत्ति फ्लोट का उपयोग करें।

उसके साथ, height:100px जोड़ें और मार्जिन सेट करें। हम HTML में तीन डिवीज़न div को साथ-साथ कैसे रख सकते हैं?

उदाहरण

आप तीन

को साथ-साथ रखने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं।

<!DOCTYPE html>
<html>
   <head>
      <title>HTML div</title>
   </head>
   <body>
      <div style="width: 100px; float:left; height:100px; background:gray; margin:10px">
         First DIV
      </div>
      <div style="width: 100px; float:left; height:100px; background:yellow; margin:10px">
         Second DIV
      </div>
      <div style="width: 100px; float:left; height:100px; background:red; margin:10px">
         Third DIV
      </div>
    </body>
</html>

  1. हम HTML फॉर्म में डेटा को कैसे ग्रुप कर सकते हैं?

    संबंधित डेटा को HTML प्रपत्रों में समूहित करने के लिए टैग का उपयोग करें। यह टैग संबंधित तत्वों के चारों ओर एक बॉक्स बनाता है। समूह को कैप्शन देने के लिए टैग का उपयोग टैग के अंदर किया जाता है। उदाहरण आप HTML फॉर्म में डेटा को समूहीकृत करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - <!DO

  1. एचटीएमएल डोम स्टाइल फ्लेक्स संपत्ति बढ़ो

    HTML DOM Style flexGrow प्रॉपर्टी का उपयोग उस अनुपात को सेट करने के लिए किया जाता है जिसके द्वारा एक तत्व अपने आकार को एक flex तत्व के अंदर समायोजित करता है। यह इकाई रहित संख्यात्मक मान स्वीकार करता है। − . के लिए वाक्य रचना निम्नलिखित है फ्लेक्सग्रो प्रॉपर्टी सेट करना - object.style.flexGrow = &q

  1. एचटीएमएल डोम स्टाइल फ्लेक्सफ्लो प्रॉपर्टी

    HTML DOM स्टाइल flexFlow प्रॉपर्टी का उपयोग किसी तत्व के flexDirection और flexWrap प्रॉपर्टी को निर्दिष्ट करने के लिए किया जाता है। यह flexDirection और flexWrap के लिए एक शॉर्टहैंड है और उसी क्रम में मान स्वीकार करता है। − . के लिए वाक्य रचना निम्नलिखित है flexFlow गुण सेट करना - object.style.flex