HTML Table Colspan & Rowspan

HTML அட்டவணை கால்ஸ்பான் & ரோஸ்பான்

HTML அட்டவணை கால்ஸ்பான் & ரோஸ்பான்

HTML அட்டவணைகள் பல வரிசைகள் மற்றும்/அல்லது நெடுவரிசைகளுக்கு பரவும் கலங்களைக் கொண்டிருக்கலாம்.

NAME
APRIL
2022
FIESTA

HTML அட்டவணை - கால்ஸ்பான்

ஒரு கலம் பல நெடுவரிசைகளுக்கு பரவும் வகையில் செய்ய, colspan பண்புக்கூறைப் பயன்படுத்தவும்:

எடுத்துக்காட்டு

<table>
  <tr>
    <th colspan="2">Name</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>43</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>57</td>
  </tr>
</table>
Name Age
Jill Smith 43
Eve Jackson 57

📝 குறிப்பு:

colspan பண்புக்கூறின் மதிப்பு பரவ வேண்டிய நெடுவரிசைகளின் எண்ணிக்கையைக் குறிக்கிறது.

HTML அட்டவணை - ரோஸ்பான்

ஒரு கலம் பல வரிசைகளுக்கு பரவும் வகையில் செய்ய, rowspan பண்புக்கூறைப் பயன்படுத்தவும்:

எடுத்துக்காட்டு

<table>
  <tr>
    <th>Name</th>
    <td>Jill</td>
  </tr>
  <tr>
    <th rowspan="2">Phone</th>
    <td>555-1234</td>
  </tr>
  <tr>
    <td>555-8745</td>
  </tr>
</table>
Name Jill
Phone 555-1234
555-8745

📝 குறிப்பு:

rowspan பண்புக்கூறின் மதிப்பு பரவ வேண்டிய வரிசைகளின் எண்ணிக்கையைக் குறிக்கிறது.

பயிற்சி

ஒரு கலம் எத்தனை வரிசைகளை பரவ வேண்டும் என்பதைக் குறிப்பிடுவதற்கான சரியான HTML பண்புக்கூறு எது?

span
✗ தவறு! span என்பது அட்டவணை வரிசை பரவலுக்கான HTML பண்புக்கூறு அல்ல
rowspan
✓ சரி! rowspan பண்புக்கூறு ஒரு கலம் எத்தனை வரிசைகளை பரவ வேண்டும் என்பதைக் குறிக்கிறது
spanning
✗ தவறு! spanning என்பது செல்லுபடியாகும் HTML பண்புக்கூறு அல்ல