क्या एचटीएमएल टेबल में पंक्तियों पर कोशिकाओं की चर संख्या है?

Question

या columns * rows के बराबर कोशिकाओं की कुल मात्रा होना चाहिए?

विभिन्न पंक्तियों पर विभिन्न मात्रा में कोशिकाओं वाली एक तालिका W3 Validator को पास करने लगती है।

Answer 1

यह परिभाषा का उल्लंघन नहीं करता है। लेकिन आप पूरी पंक्ति के लिए स्तंभ का विस्तार करने के colspan विशेषता का उपयोग करना चाहिए:

<table> 
    <tr> 
    <td>Row with</td> 
    <td>2 cols</td> 
    </tr> 
    <tr> 
    <td colspan="2">Row with only one col</td> 
    </tr> 
</table> 

यदि आप कोशिकाओं के आसपास सीमाओं है में भी मदद मिलेगी कि।

तुम भी एक स्तंभ है कि दो पंक्तियों के लिए विस्तारित साथ टेबल हो सकता है:

<table> 
    <tr> 
    <td rowspan="2">First column in row 1 and row 2</td> 
    <td>Second column in row 1</td> 
    </tr> 
    <tr> 
    <td>second column in row 2</td> 
    </tr> 
</table> 

Answer 2

आप colspan का उपयोग कर सकते हैं, लेकिन colspan मान सहित समतुल्य तालिका को उचित रूप से प्रस्तुत करने के लिए बराबर होना चाहिए।

<table> 
    <tr> 
    <td colspan="2">blah</td> 
    </tr> 
    <tr> 
    <td>blah</td> 
    <td>boo</td> 
    </tr> 
</table> 

पहली पंक्ति एक कक्ष है, लेकिन यह colspan की वजह से 2 कोशिकाओं तक फैला, दूसरी पंक्ति दो कोशिकाएं होती हैं और यह पूरी तरह से वैध है।

Answer 3

हाँ, यह कर सकते हैं।table > tr > td, td में सामग्री शामिल है। Td यहां संदर्भ: http://www.htmlcodetutorial.com/tables/_TD.html। उस संदर्भ में, आप देख सकते हैं कि टीडी में 2 विशेषताएं हैं जो हैं: colspan और पंक्तियाँ। उन 2 विशेषताओं का उपयोग करके, एक तालिका में विभिन्न पंक्तियों पर विभिन्न मात्रा में कोशिकाएं हो सकती हैं।
डेमो:

<table border="1"> 
    <tr> 
      <td>a</td> 
      <td>b</td> 
    </tr> 
    <tr> 
      <td colspan="2">c</td> 
    </tr> 
</table> 

और

<table border="1"> 
    <tr> 
      <td rowspan="2">a</td> 
      <td>b</td> 
    </tr> 
    <tr> 
      <td>c</td> 
    </tr> 
</table> 

Answer 4

हाँ, आप एक HTML तालिका बनाने के लिए और पंक्तियों में से कुछ पर <td> तत्वों को छोड़ सकते हैं, लेकिन यह बुरा रूप माना जाता है क्योंकि आप नहीं हो सकता सुनिश्चित करें कि एचटीएमएल रेंडरर (ब्राउजर) इस स्थिति को कैसे संभालेगा। इसे विभिन्न ब्राउज़रों द्वारा थोड़ा अलग तरीके से प्रस्तुत किया जा सकता है।

प्रति पंक्ति प्रदर्शित कोशिकाओं की एक अलग संख्या के साथ एक तालिका को परिभाषित करने का अनुशंसित तरीका colspan का उपयोग दो या दो से अधिक आसन्न कोशिकाओं में से एक में करने के लिए करना है। यह सही-से-अधिक कोशिकाओं को उनके सही कॉलम के साथ रेखांकित रखेगा और आप जो एचटीएमएल रेंडरर करना चाहते हैं उसके बारे में किसी भी अस्पष्टता को समाप्त कर देगा।

Answer 5

आप प्रयोग किया है:

<table> 
<thead> 
    <th>Column one</th> 
    <th>Column two</th> 
    <th>Column three</th> 
</thead> 
<tbody> 
    <tr> 
     <td rowspan="2">A large cell</td> 
     <td>Another small cell0</td> 
     <td>Another small cell0</td> 
    </tr> 
    <tr> 
     <td>Another small cell1</td> 
     <td>Another small cell1</td> 
    </tr> 
</tbody>