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

HTML में टेबल सेल को कितनी रोज़ तक फैलाना है कैसे सेट करें?

rowspan एट्रिब्यूट का उपयोग <td> या <th> पर करके यह सेट किया जाता है कि सेल कितनी पंक्तियों (रोज़) तक फैला होना चाहिए। सेल्स मर्ज करने के लिए colspan (कॉलम्स) और rowspan (रोज़) एक साथ उपयोग किए जाते हैं।

उदाहरण

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

नोट: rowspan="2" का अर्थ है सेल अपनी रो + अगली 1 रो = कुल 2 रोज़ कवर करेगा। मर्ज करते समय अन्य सेल्स की संख्या समायोजित करें।

  1. HTML टेबल के लिए हॉरिजॉन्टल हेडर कैसे सेट करें? HTML टेबल के लिए हॉरिजॉन्टल हेडर कैसे सेट करें?

    हॉरिजॉन्टल हेडर टेबल में हॉरिजॉन्टल हेडर (क्षैतिज शीर्षक) के लिए सभी <th> टैग्स को एक ही <tr> (पंक्ति) के अंदर रखें, जो टेबल की सबसे ऊपरी पंक्ति होगी। उदाहरण <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; width: 100px;

  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