HTML में फ्लोट ओवर हेल्प

सरल HTML और CSS कोड का उपयोग करके अपने व्यवसाय के लिए वेब पेज बनाते समय, आप CSS का उपयोग अपनी सामग्री में विशिष्ट "विभाजनों" को शैली और प्रारूपित करने के लिए कर सकते हैं - जो आपके HTML कोड में परिभाषित है - जो आपको पाठ और छवियों को इस तरह से प्रारूपित करने की अनुमति देता है। वे "चारों ओर लपेट" या एक दूसरे के अनुरूप हैं। दूसरे शब्दों में, आपकी सामग्री के कुछ हिस्सों को अन्य वर्गों के लिए समायोजित किया जा सकता है, इस तरह से व्यवस्थित किया गया है ताकि चित्र और पाठ एक साथ कॉलम, ग्रिड या किसी अन्य निर्दिष्ट संरेखण के रूप में फिट हो सकें।

HTML और CSS

जबकि HTML एक टैग की गई मेटा-भाषा प्रस्तुत करता है जो परिभाषित करता है कि वेब ब्राउज़र के भीतर एक वेब पेज कैसे दिखाई देगा, वेब डिज़ाइन की वास्तविक शक्ति तब आती है जब आप HTML को कैस्केडिंग स्टाइल शीट्स के साथ मिलाते हैं। सीएसएस HTML फ़ाइलों में एम्बेडेड तत्वों के लिए व्यवहार को परिभाषित करता है, जो पेज के लिए एक सार्वभौमिक लेआउट बनाता है। एकाधिक HTML दस्तावेज़ एक ही सीएसएस पृष्ठ को संदर्भित कर सकते हैं, जिसका अर्थ है कि आप अपने सभी पृष्ठों में एक नियमित उपस्थिति लागू कर सकते हैं।

HTML प्रभाग और फ्लोटिंग

CSS HTML टैग्स के व्यवहार को परिभाषित करके HTML के साथ काम करता है। विशेष रूप से, CSS "" टैग का लाभ उठाता है। ये विभाजन टैग दस्तावेज़ के एक हिस्से को घेरते हैं, और इसे एक असतत जानकारी की इकाई के रूप में पहचानते हैं, जिसकी शैली समान होनी चाहिए। ये विभाजन प्रकार के "बक्से" के रूप में भी कार्य करते हैं, जिसमें सीएसएस के माध्यम से आप सामग्री परिवर्तन रंग, परिवर्तन आकार या "फ्लोट" के वर्गों को एक विशिष्ट पृष्ठ सीमा तक ले जा सकते हैं ताकि पृष्ठ का आकार बदलना लेआउट को बर्बाद न करें।

CSS और HTML में फ्लोटिंग

"फ्लोट" विशेषता का उपयोग करने के लिए, आप अपनी सामग्री में एक विभाजन बनाते हैं या एक छवि का संदर्भ देते हैं। अपने सीएसएस दस्तावेज़ में, आप फिर उस डिव या इमेज को नाम से संदर्भित करते हैं, और इसे एक फ्लोट विशेषता देते हैं। निम्न कोड उदाहरण दिखाता है कि आंतरिक शैली शीट के साथ इसे कैसे पूरा किया जाए। ध्यान दें कि HTML में विभाजन, जिसका नाम "सेक्शन 1" है, की चौड़ाई 100 पिक्सेल है। फ्लोट का उपयोग करने वाले सभी डिवीजनों को एक निर्दिष्ट चौड़ाई की आवश्यकता होती है। छवियां पहले से ही एक निहित चौड़ाई हैं:

स्पष्ट, मार्जिन और पैडिंग

फ्लोट विशेषता का उपयोग करने की मूल बातें के साथ, आप अन्य वस्तुओं को भी नियोजित कर सकते हैं, जैसे कि स्पष्ट, मार्जिन और पैडिंग गुण। स्पष्ट विशेषता यह सुनिश्चित करती है कि कोई अन्य सामग्री फ्लोटिंग तत्व के समान लाइन पर दिखाई न दे। मार्जिन विभाजन के बाईं और नीचे की जगहों के आसपास के स्थान को नियंत्रित करते हैं। पैडिंग डिवीजन की सामग्री और सीमाओं के बीच विभाजन में आंतरिक स्थान को नियंत्रित करता है। ये तीनों वस्तुएँ मिलकर स्वच्छ, "बॉक्स के आकार" के विभाजन बना सकती हैं जो पाठ और अन्य छवि को उनके चारों ओर लपेटने की अनुमति देते हैं या नहीं देते हैं।