टेलविंड में टेबल सेल का उद्देश्य क्या है?

Telavinda Mem Tebala Sela Ka Uddesya Kya Hai



डेटा के बड़े सेट से निपटने के दौरान, समझने की एक प्रणाली बनाना महत्वपूर्ण है। यह सभी मूल्यों को प्रबंधित करने में मदद करता है और हमें अपने एकत्रित डेटा से मूल्यवान निष्कर्ष निकालने और सूचित निर्णय लेने में सक्षम बनाता है। डेटा प्रतिनिधित्व की कई कुशल तकनीकें हैं और सबसे महत्वपूर्ण में से एक तालिकाओं के रूप में है।

टेबल-सेल का उद्देश्य

टेबल-सेल एक टेबल के भीतर एक व्यक्तिगत प्रविष्टि है जो अपने जैसे कई अन्य सेल से बनी होती है। टेबल सेल का मुख्य उद्देश्य आसान समझ और समझने के लिए डेटा को व्यवस्थित तरीके से रिकॉर्ड करना है। यह उस तालिका के भीतर एक विशेष स्थिति को दर्शाता है जिसमें एक प्रविष्टि निहित है।

टेबल-सेल के प्रकार

HTML में एक टेबल में मुख्य रूप से दो प्रकार के सेल होते हैं। ये ' हेडर सेल ' और ' डेटा सेल ”। उनके अंतर और समानता पर अधिक विवरण नीचे दिया गया है।







हेडर सेल

हेडर सेल को ' द्वारा दर्शाया जाता है <थ> HTML टेलविंड सीएसएस में टैग। ये किसी तालिका में स्तंभों के शीर्षक बनाते हैं। हेडर परिभाषित करते हैं कि विशेष कॉलम में सभी मान क्या होंगे। हेडर के उदाहरण नाम, ईमेल पता, संपर्क नंबर, सामाजिक सुरक्षा नंबर आदि हैं।



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



उदाहरण
नीचे दिए गए कोड में, हमने '' टैग के माध्यम से एक टेबल हेडर सेल बनाया है:





< मेज >
< ठेड >
< टी.आर. >
< वां > हेडर सेल 01 < / वां >
< / टी.आर. >
< / ठेड >
< / मेज >

कोड के इस ब्लॉक में:

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

उत्पादन



जैसा कि देखा गया है, हेडर सेल डिफ़ॉल्ट रूप से बोल्ड में प्रदर्शित होता है।

डेटा सेल

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

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

उदाहरण
'का उपयोग करके तालिका डेटा सेल बनाने के लिए कोड

टैग नीचे दिया गया है: < सिर >
< शैली >
मेज {
सीमा-पतन: पतन;
}
टीडी {
सीमा : 1px ठोस काला;
पैडिंग: 10px;
}
< / शैली >
< / सिर >
< शरीर >
< मेज >
< टी.आर. >
< टीडी >टेबल-सेल< / टीडी >
< / टी.आर. >
< / मेज >

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

  • हेडर '' में '