George and Susan Welcome to our HTML help page!
Home | HTML-Index | Basic HTML | HTML Structure

COLSPAN AND ROWSPAN


Here is a fun example of what can be done using the COLSPAN and the ROWSPAN tags in conjunction with background color and colored borders. Take a little time and study how it is done.


Type this:
down
<TABLE WIDTH="60%" BGCOLOR="#000000" BORDER=9 BORDERCOLORDARK="#0000CC" BORDERCOLORLIGHT="#66CCFF" ALIGN=CENTER CELLPADDING=3 CELLSPACING=3>
<TR>
<TD BGCOLOR="#FFFF00" COLSPAN="3" ALIGN=CENTER>cell 1</TD>
</TR>
<TR>
<TD COLSPAN="1" BGCOLOR="#339900" ALIGN=CENTER>cell 2</TD>
<TD COLSPAN="1" BGCOLOR="#FF6600" ALIGN=CENTER>cell 3</TD>
<TD COLSPAN="1" BGCOLOR="#FF00CC" ALIGN=CENTER>cell 4</TD>
</TR>
<TR>
<TD ROWSPAN=2 COLSPAN=1 BGCOLOR="#6699FF" ALIGN=CENTER>cell 5</TD>
<TD COLSPAN="1" BGCOLOR="#00FF33" ALIGN=CENTER>cell 6</TD>
<TD COLSPAN="1" BGCOLOR="#FFCCFF" ALIGN=CENTER>cell 7</TD>
</TR>
<TR>
<TD BGCOLOR="#FF0033" COLSPAN="2" ALIGN=CENTER>cell 8</TD> </TR>
<TR> <TD COLSPAN="1" BGCOLOR="#993333" ALIGN=CENTER>cell 9</TD>
<TD COLSPAN="1" BGCOLOR="#CCCC66" ALIGN=CENTER>cell 10</TD>
<TD COLSPAN="1" BGCOLOR="#33CC99" ALIGN=CENTER>cell 11</TD>
</TR>
</TABLE>



And you get the following:
down
cell 1
cell 2 cell 3 cell 4
cell 5 cell 6 cell 7
cell 8
cell 9 cell 10 cell 11



My home page
Back to Top