CSS में टेबल-हेडर ग्रुप और टेबल-फुटर ग्रुप का क्या उपयोग है?

Css Mem Tebala Hedara Grupa Aura Tebala Phutara Grupa Ka Kya Upayoga Hai



किसी तालिका का शीर्ष लेख और पाद लेख क्रमशः तालिका के आरंभ और अंत में रखे गए पाठ के दोनों ब्लॉक हैं। उनका उपयोग तालिका के संबंध में अधिक जानकारी प्रदान करने के लिए किया जाता है और किसी विशिष्ट तालिका में निहित मूल्यों को परिभाषित करने में मदद कर सकता है। टेबल हेडर तत्व को ' द्वारा दर्शाया गया है <सिर> 'टैग जबकि टेबल फ़ुटर को' द्वारा दर्शाया गया है ' उपनाम।

टेबल-हेडर ग्रुप क्या है?

सीएसएस में, ' तालिका-शीर्षलेख समूह ' का उपयोग तालिका के हेडर को ' के माध्यम से प्रदर्शित करने के लिए किया जाता है <सिर> ' उपनाम। हेडर ऊर्ध्वाधर कॉलम में पहली प्रविष्टि से मेल खाता है। यह तालिका प्रविष्टियों के बारे में जानकारी निर्दिष्ट करता है। यदि आवश्यक हो तो हेडर कई कॉलमों को भी फैला सकता है। इसे सीएसएस में टेबल-कॉलम ग्रुप बनाकर किया जा सकता है।

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







< मेज >
< ठेड >
< टी.आर. >
< वां > पुरुषों < / वां >
< वां > औरत < / वां >
< / टी.आर. >
< / ठेड >
< tbody >
< टी.आर. >
< टीडी > जेम्स < / टीडी >
< टीडी > जेसिका < / टीडी >
< / टी.आर. >
< टी.आर. >
< टीडी > डेविड < / टीडी >
< टीडी > लौरा < / टीडी >
< / टी.आर. >
< टी.आर. >
< टीडी > याकूब < / टीडी >
< टीडी > रेबेका < / टीडी >
< / टी.आर. >
< / tbody >
< / मेज >

निम्नलिखित चरण बताते हैं कि टेबल-हेडर कैसे बनाया जाए:



  • जोड़ें ' <तालिका> 'तालिका बनाने के लिए टैग करें।
  • अगले चरण में, ' निर्दिष्ट करें <सिर> ” टैग जो टेबल हेडर को संदर्भित करता है।
  • हेडर मानों को '' टैग के माध्यम से एक पंक्ति के रूप में जोड़ें और हेडर को '' टैग के माध्यम से बंद करें।
  • अब, ' शामिल करें 'टेबल बॉडी शुरू करने के लिए टैग करें।
  • '' टैग का उपयोग करके प्रत्येक पंक्ति के लिए डेटा डालें।
  • तालिका के मुख्य भाग और तालिका को “के माध्यम से समाप्त करें” ' और ' 'टैग, क्रमशः।

उत्पादन



टेबल-फ़ुटर समूह क्या है?

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





उदाहरण
चर्चा की गई अवधारणा को समझाते हुए निम्नलिखित उदाहरण का अवलोकन:

< मेज >
< ठेड >
< टी.आर. >
< वां >पुरुष< / वां >
< वां >महिलाएं< / वां >
< / टी.आर. >
< / ठेड >
< tbody >
< टी.आर. >
< टीडी >जेम्स< / टीडी >
< टीडी >जेसिका< / टीडी >
< / टी.आर. >
< टी.आर. >
< टीडी >डेविड< / टीडी >
< टीडी >लौरा< / टीडी >
< / टी.आर. >
< टी.आर. >
< टीडी >जैकब< / टीडी >
< टीडी >रेबेका< / टीडी >
< / टी.आर. >
< / tbody >
< tfoot >
< टी.आर. >
< टीडी कक्षा = 'बीजी-ग्रे-200' >कुल 03< / टीडी >
< टीडी कक्षा = 'बीजी-ग्रे-200' >कुल 03< / टीडी >
< / टी.आर. >
< / tfoot >
< / मेज >

निम्नलिखित चरण तालिका-पादलेख बनाने के चरणों की व्याख्या करते हैं:



  • पिछले उदाहरण के समान, ' जोड़ें <तालिका> 'तालिका बनाने/शामिल करने के लिए टैग करें।
  • शामिल करें ' <सिर> 'तालिका शीर्षलेख निर्दिष्ट करने के लिए टैग करें।
  • अब, इसी तरह, हेडर शीर्षकों को एक पंक्ति के रूप में जोड़ें और हेडर को “के माध्यम से बंद करें” ' उपनाम।
  • तालिका के मुख्य भाग को निर्दिष्ट करने और उसमें डेटा शामिल करने के लिए चर्चा किए गए तरीकों को याद करें।
  • अब, “जोड़ें” टेबल फ़ूटर शुरू करने के लिए 'टैग करें।
  • तालिका पाद लेख के लिए डेटा को एक पंक्ति के रूप में जोड़ें और ' का उपयोग करके पाद लेख को बंद करें ' उपनाम।
  • अंत में, ' का उपयोग करके तालिका समाप्त करें ' उपनाम।

उत्पादन
उपरोक्त लिखित कोड निम्नलिखित परिणाम उत्पन्न करता है:

निष्कर्ष

सीएसएस में तालिका में शीर्ष लेख और पाद लेख क्रमशः तालिका के ऊपर और नीचे अधिक जानकारी जोड़ने में मदद करते हैं। यह जानकारी यह निर्धारित करने में मदद करती है कि तालिका किस बारे में है और तालिका में डाले गए मानों के भीतर निहित अधिक विवरण प्रदान करती है। साथ में, ये दोनों तालिका के भीतर समाहित डेटा को पूरी तरह से तैयार करते हैं।