HTML
|
JavaScript
Alignment
Basics
Character Codes
Colors
CSS
DIVS
Forms
Frames
Links
Lists and Bullets
Meta Tags
Multimedia
Pictures
Spacing
Tables
Text
Background Picture
Basic Table
Cell Padding
Cell Spacing
Colspan Rowspan
Table Alignment
Table Border
Table Colors
Table Shadow
Width and Height
Colspan Rowspan
274
Column Span
Description
Column Span extends cells on a horizontal row (left and right). The line to add for Column Span is COLSPAN="X". This line adds onto the <TD> cell so the final result would look like this.
<TD COLSPAN="X">
The "X" in the line, is replaced with the number of cells it extends past. So for example, if it is covering the distance that of 3 cells above or below it, the line would look like <TD COLSPAN="3">. Here is an example using Column Span.
Code
<TABLE BORDER="1">
<TR> <TD> Cell 1 </TD> <TD> Cell 2 </TD> </TR>
<TR> <TD COLSPAN="2"> Cell 3 </TD> </TR>
</TABLE>
Output
Cell 1
Cell 2
Cell 3
Practice
<TABLE BORDER="1"> <TR> <TD> Cell 1 </TD> <TD> Cell 2 </TD> </TR> <TR> <TD COLSPAN="2"> Cell 3 </TD> </TR> </TABLE>
Row Span
Description
Row Span extends cells on a vertical row (up and down). The line to add for Row Span is ROWSPAN="X". This line adds onto the <TD> cell so the final result would look like this.
<TD ROWSPAN="X">
The "X" in the line, is replaced with the number of cells it extends. So for example, if it is covering the distance that of 3 cells left or right of it, the line would look like <TD ROWSPAN="3">. Here is an example using Row Span.
Code
<TABLE BORDER="1">
<TR> <TD ROWSPAN="2"> Cell 1 </TD>
<TD> Cell 2 </TD> </TR> <TR> <TD> Cell 3 </TD> </TR>
</TABLE>
Output
Cell 1
Cell 2
Cell 3
Practice
<TABLE BORDER="1"> <TR> <TD ROWSPAN="2"> Cell 1 </TD> <TD> Cell 2 </TD> </TR> <TR> <TD> Cell 3 </TD> </TR> </TABLE>
Advertisements