HTML में टेबल कॉलम्स के समूह कैसे शामिल करें?

<colgroup> टैग का उपयोग टेबल में कॉलम्स के समूह को परिभाषित करने के लिए किया जाता है। यह टेबल के भीतर कॉलम्स के समूह के लिए प्रॉपर्टीज निर्दिष्ट करता है। यदि किसी कॉलम को अलग प्रॉपर्टीज देनी हों, तो <colgroup> के अंदर <col> टैग का उपयोग करें।

एट्रिब्यूट्स (HTML5 में अधिकांश डिप्रिकेटेड)

एट्रिब्यूट	मान	विवरण
align	right, left, center, justify, char	हॉरिजॉन्टल अलाइनमेंट परिभाषित करता है, HTML5 में सपोर्टेड नहीं।
char	कैरेक्टर	टेक्स्ट अलाइन करने के लिए कैरेक्टर परिभाषित करता है (align="char" के साथ), HTML5 में सपोर्टेड नहीं।
charoff	पिक्सेल	`<col>` द्वारा स्पैन किए जाने वाले कॉलम्स की संख्या, HTML5 में सपोर्टेड नहीं
span	संख्या	`<col>` द्वारा स्पैन किए जाने वाले कॉलम्स की संख्या, HTML5 में सपोर्टेड नहीं।
valign	bottom, middle, top, baseline	वर्टिकल अलाइनमेंट परिभाषित करता है, HTML5 में सपोर्टेड नहीं।
width	पिक्सेल या %	वर्तमान कॉलम एलिमेंट द्वारा स्पैन किए गए प्रत्येक कॉलम के लिए डिफ़ॉल्ट चौड़ाई, HTML5 में सपोर्टेड नहीं।

महत्वपूर्ण: HTML5 में इन प्रस्तुति एट्रिब्यूट्स के बजाय CSS का उपयोग करें (text-align, vertical-align, width आदि)।

उदाहरण

निम्न कोड से <colgroup> टैग लागू करें:

<!DOCTYPE html> <html> 
  <head> 
    <title>HTML col Tag</title> 
  </head> 
  <body> 
    <p>यह उदाहरण एक colgroup दिखाता है जिसमें तीन अलग-अलग चौड़ाई के कॉलम हैं:</p> 
    <table border="1"> 
      <colgroup span="4"> 
        <col width="40"></col> 
        <col width="70"></col> 
        <col width="100"></col> 
        <col width="130"></col> 
        <col width="160"></col> 
      </colgroup> 
      <tr> 
        <td>एक</td> 
        <td>दो</td> 
        <td>तीन</td> 
        <td>चार</td> 
        <td>पांच</td> 
      </tr> 
    </table> 
  </body> 
</html>