HTML में 'रोस्पेन' विशेषता क्या है और 'टीडी' तत्व के साथ कैसे उपयोग करें?

यह मार्गदर्शिका दर्शाती है कि 'रोस्पेन' विशेषता क्या है और इसे 'टीडी' तत्व के साथ कैसे उपयोग किया जाए।

'रोस्पेन' विशेषता क्या है?

'रोवस्पैन' विशेषता का उपयोग कई कोशिकाओं को लंबवत दिशा में मर्ज करने के लिए किया जाता है। इसे 'के रूप में एक्सेस किया जा सकता है' रोस्पैन = मान ', जहां ' कीमत ” उन पंक्तियों की संख्या है जिन्हें लंबवत दिशा में विलय करने की आवश्यकता है। यह उपयोगकर्ता की पठनीयता को बढ़ाने और जटिल डेटा को अधिक उपयोगकर्ता-आकर्षक तरीके से प्रदर्शित करने के लिए फायदेमंद है।

एक 'टीडी' तत्व क्या है?

' टीडी ” या तालिका डेटा तत्व का उपयोग HTML तालिका के भीतर एक सेल को परिभाषित करने के लिए किया जाता है। यह ज्यादातर तालिका सामग्री बनाने के लिए '', '', '

'td' तत्व के साथ 'रोस्पेन' विशेषता का उपयोग कैसे करें?

'रोवस्पैन' विशेषता और 'टीडी' तत्व के बीच संबंध के बेहतर प्रदर्शन के लिए। आइए नीचे दी गई चरण-दर-चरण मार्गदर्शिका का अनुसरण करके एक व्यावहारिक उदाहरण देखें:

चरण 1: HTML में तालिका का निर्माण

सबसे पहले, 'की मदद से एक टेबल बनाएं' <टेबल> ' उपनाम। इसके अंदर कई जोड़ें ”

उपरोक्त कोड स्निपेट में:

• सबसे पहले, पाँच पंक्तियाँ बनाई गई हैं और प्रत्येक सेल को कुछ डमी डेटा प्रदान किया गया है।
• अगला, ' मेज 'तत्व का चयन किया गया है और' सेट करें गिर जाना 'सीएसएस के लिए मूल्य' सीमा-पतन ' संपत्ति।
• उसके बाद, ' सीमा ' और ' गद्दी ” गुणों का उपयोग उपयोगकर्ता की दृश्यता बढ़ाने और उपयोगकर्ता-आकर्षक प्रभाव बनाने के लिए किया जाता है।

कोड के निष्पादन के बाद, तालिका इस तरह दिखाई देती है:

उपरोक्त आउटपुट प्रदर्शित करता है कि तालिका बनाई और स्टाइल की गई है।

चरण 2: 'td' तत्व के साथ 'rowspan' विशेषता का उपयोग करना

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

उपरोक्त कोड में:

• 'रोस्पैन' उस कर्मचारी के साथ जुड़ा हुआ है जिसके पास ' वेतन 'टीडी तत्व।
• का मान है ' 2 '' रोस्पान 'विशेषता को प्रदान किया जाता है जो नीचे दिखाए गए अनुसार दोनों आसन्न कोशिकाओं में समान डेटा सेट करता है:

आउटपुट दिखाता है कि दो सेल विलय कर दिए गए हैं और उपयोगकर्ता के लिए पठनीयता अब बढ़ा दी गई है।

निष्कर्ष

' रोस्पेन विशेषता 'के साथ काम करती है' टीडी ” कई आसन्न कोशिकाओं को लंबवत दिशा में मर्ज करने के लिए तत्व। एट्रिब्यूट एक संख्या को मान के रूप में लेता है और बताता है कि कितने सेल मर्ज हो गए हैं। इसका उपयोग वहां किया जाता है जहां एक ही डेटा कई सेल को प्रदान किया जाता है। इस ब्लॉग ने प्रदर्शित किया है कि 'रोस्पेन' क्या है और HTML में 'टीडी' तत्व के साथ इसका उपयोग कैसे करें।