अक्सर, HTML-पृष्ठों में इंडेंट के आकार को निर्दिष्ट करने के लिए, CSS भाषा (कैस्केडिंग स्टाइल शीट्स) की क्षमताओं का उपयोग किया जाता है। हालांकि HTML भाषा में ही कई "अल्पविकसित" अवशेष हैं, जो कुछ मामलों में इंडेंटेशन सेट करने की अनुमति देते हैं। नीचे वे विकल्प दिए गए हैं जो सबसे अधिक बार उपयोग किए जाते हैं, लेकिन उनके अलावा अभी भी बहुत सी विभिन्न प्रकार की तरकीबें हैं जो आपको HTML दस्तावेज़ों के गैर-मानक मार्कअप के लिए इंडेंट सेट करने की अनुमति देती हैं।
यह आवश्यक है
HTML और CSS भाषाओं का बुनियादी ज्ञान
अनुदेश
चरण 1
उस पृष्ठ तत्व का निर्धारण करें जिससे इंडेंट करना है। उदाहरण के लिए, यदि टेक्स्ट को टैग … (ब्लॉक) के अंदर रखा गया है, तो यह ब्लॉक इस टेक्स्ट के लिए मूल तत्व होगा और इंडेंट को ब्लॉक की सीमाओं से गिना जाना चाहिए। और अगर टेक्स्ट (या इमेज) किसी ब्लॉक (डिव, ली, आदि) या इनलाइन (स्पैन, पी, आदि) एलिमेंट के अंदर नहीं है, तो इसका पैरेंट डॉक्यूमेंट बॉडी (बॉडी टैग) होगा। पाठ के लिए मूल तत्व को परिभाषित करना आवश्यक है क्योंकि यह वह है जिसे इंडेंट बनाने वाली शैलियों का विवरण सेट करने की आवश्यकता होती है। आइए मान लें कि आपका टेक्स्ट एक div ब्लॉक के अंदर रखा गया है: नमूना टेक्स्ट
चरण दो
मार्जिन सेट करने के लिए सीएसएस भाषा मार्जिन प्रॉपर्टी का उपयोग करें, यानी किसी तत्व की सीमाओं से आसन्न तत्वों के साथ-साथ मूल तत्व की सीमाओं तक की दूरी। इस दूरी को प्रत्येक तरफ पैडिंग के लिए अलग से सेट किया जा सकता है: मार्जिन-टॉप - शीर्ष पर, मार्जिन-दाएं - दाएं, मार्जिन-तल - नीचे, मार्जिन-बाएं - बाईं ओर। ऊपर के उदाहरण के लिए, यह सीएसएस कोड इस तरह दिख सकता है: div {
मार्जिन-टॉप: 10px;
मार्जिन-दाएं: 15px;
मार्जिन-बॉटम: 40px;
मार्जिन-बाएं: 70px;
} यहां "div" एक चयनकर्ता है जो निर्दिष्ट करता है कि यह शैली दस्तावेज़ कोड में सभी divs पर लागू की जानी चाहिए। CSS सिंटैक्स आपको सभी चार पंक्तियों को एक में संयोजित करने की अनुमति देता है: div {
मार्जिन: 10px 15px 40px 70px;
} इंडेंट के मूल्यों को हमेशा इस क्रम में निर्दिष्ट किया जाना चाहिए: पहले - शीर्ष पर, फिर - दाएं, नीचे और बाएं। यदि इंडेंट सभी तरफ समान हैं, तो यह मान निर्दिष्ट करने के लिए पर्याप्त है एक बार: डिव {
मार्जिन: 70px;
} इसके अलावा, आप एक फ्लोटिंग हॉरिजॉन्टल मार्जिन (यानी, बाएँ और दाएँ) सेट कर सकते हैं। यह बहुत उपयोगी हो सकता है जब आपको ब्राउज़र विंडो के बिल्कुल केंद्र में किसी दी गई चौड़ाई के ब्लॉक को सेट करने की आवश्यकता होती है। यदि आप निम्नलिखित CSS स्टेटमेंट लिखते हैं, तो ब्राउज़र स्वतः ही निर्धारित करता है कि दोनों तरफ कितना इंडेंटेशन होना चाहिए: div {
मार्जिन: 0 ऑटो;
}
चरण 3
पैडिंग सेट करने के लिए पैडिंग प्रॉपर्टी का उपयोग करें, जो कि किसी तत्व की सीमा से टेक्स्ट सहित उसके अंदर रखे गए किसी भी तत्व की दूरी है। इस प्रॉपर्टी का सिंटैक्स मार्जिन प्रॉपर्टी के समान ही है: div {
पैडिंग-टॉप: 10px;
पैडिंग-राइट: 15px;
पैडिंग-बॉटम: 40px;
पैडिंग-बाएं: 70px;
} या डिव {
पैडिंग: 10px 15px 40px 70px;
}
चरण 4
टेक्स्ट के प्रत्येक पैराग्राफ की पहली पंक्ति के लिए अतिरिक्त इंडेंटेशन सेट करने के लिए टेक्स्ट इंडेंट प्रॉपर्टी का उपयोग करें। उदाहरण के लिए: डिव {
टेक्स्ट इंडेंट: 80px;
}
चरण 5
छवि से क्षैतिज और लंबवत इंडेंटेशन को क्रमशः बाहरी तत्वों पर सेट करने के लिए HTML img टैग के hspace और vspace विशेषताओं का उपयोग करें। उदाहरण के लिए, इस तरह:
चरण 6
यदि आपको तालिका में कक्षों की सीमाओं से उनकी सामग्री पर इंडेंटेशन सेट करने की आवश्यकता है, तो तालिका टैग की सेलपैडिंग विशेषता का उपयोग करें। और सेलस्पेसिंग विशेषता तालिका कोशिकाओं के बीच रिक्ति सेट करती है। उदाहरण के लिए:
| 1 | 2 |
