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

HTML में टेबल सेल को कितने कॉलम तक फैलाना है, कैसे निर्दिष्ट करें?

टेबल सेल को कितने कॉलम तक फैलाना है, यह निर्दिष्ट करने के लिए colspan एट्रिब्यूट का उपयोग करें।

उदाहरण

colspan एट्रिब्यूट लागू करने का कोड:

<!DOCTYPE html>
<html>
  <head>
    <style>
      table, th, td {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <h2>Total Marks</h2>
    <table>
      <th>Subject</th>
      <th>Marks</th>
      <tr>
        <td>Maths</td>
        <td>300</td>
      </tr>
      <tr>
        <td>Java</td>
        <td>450</td>
      </tr>
      <tr>
        <td colspan="2">Total Marks: 750</td>
      </tr>
    </table>
  </body>
</html>

उदाहरण में अंतिम पंक्ति का सेल colspan="2" के कारण दोनों कॉलम (Subject और Marks) में फैल जाता है। इसी तरह rowspan एट्रिब्यूट से पंक्तियों को फैलाया जा सकता है।

  1. HTML में टेबल रो और कॉलम कैसे बनाएं? HTML में टेबल रो और कॉलम कैसे बनाएं?

    परिचय HTML में टेबल रो और कॉलम बनाने के लिए, <table> टैग का उपयोग करें। एक टेबल में रो और कॉलम होते हैं, जिन्हें एक या अधिक <tr>, <th>, और <td> एलिमेंट्स का उपयोग करके सेट किया जा सकता है। एक टेबल रो को <tr> टैग द्वारा परिभाषित किया जाता है। टेबल रो और कॉलम के लिए, <

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

    colspan एट्रिब्यूट का उपयोग टेबल कॉलम्स मर्ज करने के लिए <td> टैग में colspan एट्रिब्यूट उपयोग करें। इससे आसन्न सेल्स आपस में मिल जाते हैं। उदाहरण: सामान्य टेबल (3x3) <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; width: 100

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

    colspan और rowspan दोनों का उपयोग टेबल सेल्स मर्ज करने के लिए colspan (स्तंभ) और rowspan (पंक्ति) एट्रिब्यूट्स एक साथ उपयोग करें। दोनों <td> टैग के अंदर जाते हैं। उदाहरण: सामान्य 3x3 टेबल <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px so