टेबल-सेल का उद्देश्य
टेबल-सेल एक टेबल के भीतर एक व्यक्तिगत प्रविष्टि है जो अपने जैसे कई अन्य सेल से बनी होती है। टेबल सेल का मुख्य उद्देश्य आसान समझ और समझने के लिए डेटा को व्यवस्थित तरीके से रिकॉर्ड करना है। यह उस तालिका के भीतर एक विशेष स्थिति को दर्शाता है जिसमें एक प्रविष्टि निहित है।
टेबल-सेल के प्रकार
HTML में एक टेबल में मुख्य रूप से दो प्रकार के सेल होते हैं। ये ' हेडर सेल ' और ' डेटा सेल ”। उनके अंतर और समानता पर अधिक विवरण नीचे दिया गया है।
हेडर सेल
हेडर सेल को ' द्वारा दर्शाया जाता है <थ> HTML टेलविंड सीएसएस में टैग। ये किसी तालिका में स्तंभों के शीर्षक बनाते हैं। हेडर परिभाषित करते हैं कि विशेष कॉलम में सभी मान क्या होंगे। हेडर के उदाहरण नाम, ईमेल पता, संपर्क नंबर, सामाजिक सुरक्षा नंबर आदि हैं।
तालिका का हेडर सेल कॉलम के शीर्ष पर होगा और नीचे की प्रविष्टियाँ डेटा सेल होंगी। इन कोशिकाओं को नीचे दिए गए डेटा कोशिकाओं से अलग करने के लिए विशिष्ट स्वरूपण भी होता है। हेडर सेल को डेटा सेल में सामग्री में अर्थ जोड़ने के लिए बड़े फ़ॉन्ट आकार और बोल्ड अक्षरों के लिए निर्दिष्ट किया गया है।
उदाहरण
नीचे दिए गए कोड में, हमने '
< मेज >
< ठेड >
< टी.आर. >
< वां > हेडर सेल 01 < / वां >
< / टी.आर. >
< / ठेड >
< / मेज >
कोड के इस ब्लॉक में:
- '<टेबल>' टैग के माध्यम से एक तालिका बनाएं।
- अब, टेबल हेडर सेल बनाने के लिए '
' टैग का उपयोग करें। - फिर, सेल प्रविष्टि को परिभाषित करें ' हेडर सेल 01 “
” टैग के भीतर “ ”, “” और “” टैग को बंद करें।” टैग का उपयोग करना। - अंत में, तालिका सेल को पूरा करने के लिए क्रमशः “
उत्पादन
जैसा कि देखा गया है, हेडर सेल डिफ़ॉल्ट रूप से बोल्ड में प्रदर्शित होता है।
डेटा सेल
डेटा सेल का प्रतिनिधित्व ' द्वारा किया जाता है <टीडी> HTML टेलविंड सीएसएस में टैग। ये सेल सभी जानकारी को एक तालिका में रखते हैं। ये हेडर सेल के नीचे सूचीबद्ध हैं और इनमें किसी विशेष हेडर के लिए सभी प्रविष्टियों का डेटा शामिल है। उदाहरण के लिए, यदि हेडर सेल का शीर्षक 'नाम' है, तो उसके नीचे डेटा सेल में उन सभी कर्मियों के नाम होंगे जिनके लिए डेटा रिकॉर्ड किया गया है।
डेटा कोशिकाओं का भी विशेष स्वरूपण होता है। इनका फ़ॉन्ट आकार हेडर सेल की तुलना में छोटा होता है और इनमें आवश्यकता के अनुसार सादा पाठ या संख्याएँ होती हैं। ऐसा है कि 'नाम' हेडर सेल के अंतर्गत डेटा सेल में संबंधित व्यक्तियों के नाम होंगे, उदाहरण के लिए जॉन, डेविड, माइकल और जेम्स।
उदाहरण
'का उपयोग करके तालिका डेटा सेल बनाने के लिए कोडटैग नीचे दिया गया है: < सिर >
< शैली >
मेज {
सीमा-पतन: पतन;
}
टीडी {
सीमा : 1px ठोस काला;
पैडिंग: 10px;
}
< / शैली >
< / सिर >
< शरीर >
< मेज >
< टी.आर. >
< टीडी >टेबल-सेल< / टीडी >
< / टी.आर. >
< / मेज >निम्नलिखित चरण तालिका डेटा सेल बनाने के लिए कोड की व्याख्या करते हैं:
- हेडर '' में '
- फिर, सेल प्रविष्टि को परिभाषित करें ' हेडर सेल 01 “