HTML तालिका में कक्षों को कैसे संयोजित या मर्ज करें

आप एक में colspan विशेषता का उपयोग करके एक साथ दो या अधिक तालिका कोशिकाओं को मर्ज कर सकते हैं HTML टैग (तालिका डेटा)। उदाहरण के लिए, नीचे दिए गए कोड में तीन पंक्तियों और तीन स्तंभों वाली एक तालिका है।

यदि हम पहले दो सेल को एक सेल में संयोजित करना चाहते हैं, तो हम पहले में colspan = "2" विशेषता का उपयोग कर सकते हैं टैग। संख्या यह दर्शाती है कि आप कितने सेल का उपयोग करना चाहते हैं टैग।

उदाहरण के लिए HTML तालिका

उपरोक्त कोड, एक वेब ब्राउज़र में प्रदान किया गया है, नीचे दी गई तालिका के समान एक तालिका बनाता है। जैसा कि आप देख सकते हैं, पहला सेल दो कॉलम की चौड़ाई फैलाता है।

तालिका के शीर्ष पर सभी तीन कक्षों का उपयोग करने के लिए, तीन स्तंभों के बाद से colspan मान बढ़ाएँ 3। मूल्य को 3 तक बढ़ाने से आपको नीचे दिखाए गए उदाहरण के समान तालिका मिलती है।

नोट: सुनिश्चित करें कि जब आप एक का विस्तार करें कॉलम जिसे आप किसी भी शेष को हटाते हैं टैग। उपरोक्त उदाहरण में, क्योंकि हम सभी तीन कॉलमों का उपयोग कर रहे हैं, हमारे पास केवल एक है में (टेबल की पंक्ति)।

WYSIWYG संपादक का उपयोग करके कोशिकाओं को विलय करना

आप WYSIWYG संपादक का उपयोग कोशिकाओं को मर्ज करने के लिए भी कर सकते हैं। आमतौर पर यह दो या अधिक कोशिकाओं को उजागर करके, कोशिकाओं को राइट-क्लिक करके और फिर कोशिकाओं को मर्ज करने के विकल्प को चुनकर किया जाता है। नीचे Dreamweaver और अभिव्यक्ति वेब में यह करने के लिए कैसे पर अतिरिक्त कदम है।

Dreamweaver का उपयोग कर कोशिकाओं को विलय करना

  1. अपनी तालिका में दो या अधिक कक्षों को हाइलाइट करें।
  2. हाइलाइट की गई कोशिकाओं पर राइट-क्लिक करें।
  3. तालिका और फिर मर्ज कक्ष पर क्लिक करें।

या

  1. अपनी तालिका में दो या अधिक कक्षों को हाइलाइट करें।
  2. कीबोर्ड शॉर्टकट Alt + Ctrl + M दबाएं

अभिव्यक्ति वेब का उपयोग कर कोशिकाओं को विलय करना

  1. अपनी तालिका में दो या अधिक कक्षों को हाइलाइट करें।
  2. हाइलाइट की गई कोशिकाओं पर राइट-क्लिक करें।
  3. संशोधित करें और फिर सेल को मर्ज करें पर क्लिक करें