Application of colspan and rowspan

Colspan and rowspan can change the appearance of a table and merge a column or row.

Set <TD> for colspan and rowspan

Rowspan sets the first row so that the Set columns span multiple rows.

Colspan makes the set columns cross multiple columns for any row

 

Rowspan:

 

<Tr>
<TD> A </TD>
<TD rowspan = "3"> B </TD>
</Tr>

<Tr>
<TD> C </TD>
</Tr>

<Tr>
<TD> d </TD>
</Tr>

 

HYBRID:

 

 

<Tr>
<TD rowspan = "2"> A </TD>
<TD rowspan = "2"> A </TD>
<TD colspan = "5"> A </TD>
<TD colspan = "4"> A </TD>
<TD rowspan = "2"> A </TD>
</Tr>

<Tr>
<TD> B </TD>
<TD> B </TD>
<TD> B </TD>
<TD> B </TD>
<TD> B </TD>
<TD> B </TD>
<TD> B </TD>
<TD> B </TD>
<TD> B </TD>
</Tr>

<Tr>
<TD colspan = "12"> C </TD>
</Tr>