एचटीएमएल (हाइपरटेक्स्ट मार्कअप लैंग्वेज) विभिन्न स्तरों के शीर्षकों को प्रदर्शित करने के लिए छह विशेष टैग प्रदान करता है। उन सभी में डिफ़ॉल्ट पैरामीटर हैं (फ़ॉन्ट का आकार और शैली, पिछले और अगले तत्वों से इंडेंट की मात्रा, आदि)। इन विकल्पों को सीएसएस निर्देशों (कैस्केडिंग स्टाइल शीट्स) का उपयोग करके ओवरराइड किया जा सकता है और इस प्रकार वेब पेज के टेक्स्ट में शीर्षकों की उपस्थिति बदल जाती है।
अनुदेश
चरण 1
यदि वेब पेज के सोर्स कोड में पहले से नहीं किया गया है, तो संबंधित ओपनिंग और क्लोजिंग टैग के बीच विभिन्न स्तरों के शीर्षक रखें। उदाहरण के लिए, सबसे महत्वपूर्ण शीर्षक (प्रथम स्तर) टैग के बीच होना चाहिए
तथा
:
प्रथम स्तर का शीर्षक
अगले सबसे महत्वपूर्ण स्तर के उपशीर्षक को टैग के बीच रखा जाना चाहिए
तथा
आदि। पूर्वाभास स्तरों में से अंतिम छठा है -
तथा
चरण दो
सोर्स कोड के हेडर भाग में (टैग और टैग के बीच) एक स्टेटमेंट रखें जो विज़िटर के ब्राउज़र को बताता है कि इस स्थान पर CSS में शैलियों का विवरण है:
/ *सीएसएस निर्देश यहां होंगे* /
चरण 3
उद्घाटन और समापन शैली टैग के बीच, प्रत्येक स्तर के शीर्षकों के लिए शैली विवरण जोड़ें, जिसका आप रूप बदलना चाहते हैं। उदाहरण के लिए, यदि आपको केवल प्रथम स्तर के शीर्षकों के स्वरूप को बदलने की आवश्यकता है, तो यह कोड इस तरह दिख सकता है:
एच1 {
लाल रंग;
फ़ॉन्ट-आकार: 20px;
फ़ॉन्ट-शैली: इटैलिक;
फोंट की मोटाई: बोल्ड;
मार्जिन-टॉप: 30px;
मार्जिन-बॉटम: 20px;
}
यहां, h1 इंगित करता है कि घुंघराले ब्रेसिज़ में विवरण h1 टैग को संदर्भित करता है और इसे "चयनकर्ता" कहा जाता है। रंग पैरामीटर टेक्स्ट का रंग सेट करता है, फ़ॉन्ट-आकार पैरामीटर फ़ॉन्ट आकार है, इटैलिक मान वाला फ़ॉन्ट-शैली इटैलिक टाइपफेस है, बोल्ड मान वाला फ़ॉन्ट-वेट बोल्ड है, मार्जिन-टॉप शीर्ष है मार्जिन, और मार्जिन-बॉटम निचला मार्जिन है। दूसरे स्तर के शीर्षकों के लिए, h2 चयनकर्ता आदि के साथ एक समान ब्लॉक जोड़ें।
चरण 4
यदि वर्णन करने के लिए कई स्तर हैं तो शॉर्टहैंड सिंटैक्स का उपयोग करें। उदाहरण के लिए, फ़ॉन्ट विवरण को एक पैरामीटर में रखा जा सकता है, साथ ही इंडेंट आकार के विवरण भी। नमूना:
एच1 {
लाल रंग;
फ़ॉन्ट: बोल्ड 20px एरियल;
मार्जिन: 30px 0 20px 0;
}
एच2 {
नारंगी रंग;
फ़ॉन्ट: बोल्ड 18px एरियल;
मार्जिन: 25px 0 15px 0;
}
मार्जिन पैरामीटर में, मार्जिन को दक्षिणावर्त निर्दिष्ट किया जाना चाहिए, शीर्ष मार्जिन से शुरू होकर, एक स्पेस (ऊपरी दाएं नीचे बाएं) के माध्यम से।
