Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML में टेबल कॉलम कैसे मर्ज करें?


HTML में टेबल कॉलम मर्ज करने के लिए टैग में colspan विशेषता का उपयोग करें। इससे सेल को आपस में मर्ज करें। उदाहरण के लिए, यदि आपकी तालिका में 4 पंक्तियाँ और 4 स्तंभ हैं, तो colspan विशेषता के साथ, आप तालिका के 2 या 3 कक्षों को आसानी से मर्ज कर सकते हैं।

HTML में टेबल कॉलम कैसे मर्ज करें?

उदाहरण

आप HTML में टेबल कॉलम को मर्ज करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं। सबसे पहले, हम देखेंगे कि HTML में 3 पंक्तियों और 3 स्तंभों के साथ एक तालिका कैसे बनाई जाती है

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, th, td {
            border: 1px solid black;
            width: 100px;
            height: 50px;
         }
      </style>
   </head>

   <body>
      <h1>Heading</h1>
      <table>
         <tr>
            <th></th>
            <th></th>
            <th></th>
         </tr>
         <tr>
            <td></td>
            <td></td>
            <td></td>
         </tr>
         <tr>
            <td></td>
            <td></td>
            <td></td>
         </tr>
      </table>
   </body>
</html>

आउटपुट

HTML में टेबल कॉलम कैसे मर्ज करें?

उदाहरण

आइए colspan विशेषता का उपयोग करके कॉलम मर्ज करें। पहले 2 कॉलम मर्ज होंगे

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, th, td {
            border: 1px solid black;
            width: 100px;
            height: 50px;
         }
      </style>
   </head>
   <body>
      <h1>Heading</h1>
      <table>
         <tr>
            <th></th>
            <th></th>
            <th></th>
         </tr>
         <tr>
            <td colspan="2"></td>
            <td></td>
         </tr>
         <tr>
            <td></td>
            <td></td>
            <td></td>
         </tr>
      </table>
   </body>
</html>

आउटपुट

HTML में टेबल कॉलम कैसे मर्ज करें?


  1. HTML <td> colspan विशेषता

    HTML में तत्व की colspan विशेषता यह निर्धारित करती है कि एक सेल में कितने कॉलम होंगे। निम्नलिखित वाक्य रचना है - <td colspan="num"> ऊपर, संख्या उन स्तंभों की संख्या है जो एक सेल को फैलाना चाहिए। आइए अब तत्व की colspan विशेषता को लागू करने के लिए एक उदाहरण देखें - उदाहरण <!DOC

  1. एचटीएमएल <col> टैग

    HTML में col टैग का उपयोग प्रत्येक कॉलम के लिए कॉलम गुण सेट करने के लिए किया जाता है। ये कॉलम एलीमेंट के अंदर होने चाहिए। निम्नलिखित विशेषता है - अवधि :कॉलम की संख्या एक तत्व का विस्तार होना चाहिए आइए अब HTML में col टैग को लागू करने के लिए एक उदाहरण देखें - उदाहरण <!DOCTYPE html> <ht

  1. HTML colspan विशेषता

    HTML में colspan विशेषता का उपयोग किसी तालिका में एक सेल द्वारा फैले कॉलम की संख्या निर्धारित करने के लिए किया जाता है। या तत्व पर colspan विशेषता का उपयोग करें। तत्व colspan विशेषता HTML में एलिमेंट का colspan एट्रिब्यूट यह निर्धारित करता है कि सेल में कितने कॉलम होने चाहिए निम्नलिखित वाक्य र