Just another website

sitemap








cute girl witch chick

HTML Tables

Basic Table <table><tr><td>Text goes here</td></tr></table>

Text goes here


Extras for <table> tag
You can place the following codes in the table tag.

bgcolor=COLOR
background=IMAGE URL
border=NUMBER
bordercolor=COLOR
cellpadding=NUMBER
cellspacing=NUMBER

Example: <table bgcolor=green border=5 bordercolor=yellow cellpadding=6 cellspacing=3>

<tr> tag
This tag controls the number of rows in your table.

<td> tag
This tag controls how many columns per row. It goes between the rows tags.
<tr><td>text goes here</td></tr>.
Text goes in between the columns tags.
You can also control the color of each column. <td bgcolor=COLOR>TEXT</td>

Row spans

<table border=2 bordercolor=blue cellspacing=0 cellpadding=3> <tr><td rowspan=4><center><font color=9966FF>Row span =4<td><font color=9966FF>Text<tr><td><center><font color=9966FF>Text
<tr><td><center><font color=9966FF>Text<tr><td><center><font color=9966FF>Text</table> Rowspan is code that determines how many rows to span.

Row span =4
Text
Text
Text
Text


Column spans

<table border=2 bordercolor=blue cellspacing=0 cellpadding=3> <tr><td colspan=2><center><font color=9966FF>Colspan=2<tr><td><center><font color=9966FF>Text<td><center><font color=9966FF>Text</table>
Colspan is code that determines how many columns to span.

Colspan=2
Text
Text

No Outside Border

<table border=4 bordercolor=black frame=void><tr><td>text</td><td>text</td></tr><tr><td>text</td><td>text</td></tr></table><xmp><br /> <br /> <table border=4 bordercolor=black frame=void><tr><td>text</td><td>text</td></tr><tr><td>text</td><td>text</td></tr></table><br /> <br /> <b><u>No Side Borders</u></b><br /> <br /> <xmp><table border=4 bordercolor=black frame=hsides><tr><td>text</td><td>text</td></tr><tr><td>text</td><td>text</td></tr></table>

No Top/Bottom Border

<table border=4 bordercolor=black frame=vsides><tr><td>text</td><td>text</td></tr><tr><td>text</td><td>text</td></tr></table>

texttext
texttext


No inside borders

<table border=4 bordercolor=black rules=none><tr><td>text</td><td>text</td></tr><tr><td>text</td><td>text</td></tr></table>

texttext
texttext


Only Column Borders

<table border=4 bordercolor=black rules=cols><tr><td>text</td><td>text</td></tr><tr><td>text</td><td>text</td></tr></table>

texttext
texttext


Only Row Borders

<table border=4 bordercolor=black rules=rows><tr><td>text</td><td>text</td></tr><tr><td>text</td><td>text</td></tr></table>

texttext
texttext


Table Examples

<table bgcolor=yellow border=5 bordercolor=aqua cellpadding=6 cellspacing=4><tr><td colspan=5> <center>Text Text Text Text Text</center>
<br /></td></tr><tr><td><center>Text</center></td><td><center>Text</center></td> <td><center>Text</center></td><td><center>Text</center>
</td><td><center>Text</center></td></tr></table>

Text Text Text Text Text
Text
Text
Text
Text
Text


<table border=5 bordercolor=lime> <tr><td bgcolor=white> <font color=springgreen>Text</font></td></tr> <tr><td bgcolor=red> <font color=white>Text</font></td></tr><tr><td bgcolor=blue> <font color=springgreen>Text</font></td></tr></table>

Text
Text
Text


<table border=5 bordercolor=magenta cellspacing=0 cellpadding=2 rules=rows><tr><td bgcolor=blueviolet> <font color=lime>Text</font></td><td bgcolor=dodgerblue> <font color=pink>Text</font></td></tr> <tr><td bgcolor=springgreen> <font color=blue>Text</font></td><td bgcolor=blue> <font color=lime>Text</font></td></tr></table>

Text Text
Text Text


<table border=6 bordercolor=lime background=IMAGE URL height=90><tr><td>Example</td></tr></table>

Example


Table within a table
<TABLE BORDER="3" CELLPADDING="10" CELLSPACING="10"> <TD> <TABLE BORDER="3" CELLPADDING="3" CELLSPACING="3"> <TD>2nd Table</TD> <TD>2nd Table</TD> <TR> <TD>2nd Table</TD> <TD>2nd Table</TD> </TR> </TABLE> </TD> <TD> The cell next to this one has a smaller table inside of it, a table inside a table.</TD> </TABLE>
2nd Table 2nd Table
2nd Table 2nd Table
The cell next to this one has a smaller table inside of it, a table inside a table.


Table Header
<th></th>
Sets off the table header (a normal cell with bold, centered text)

Table Cell Alignment
<tr align=?> or <td align=?>
Sets alignment for cell(s) (left, center, or right)
<tr valign=?> or <td valign=?>
Sets vertical alignment for cell(s) (top, middle, or bottom)

Nowrap
<td nowrap>
Prevents the lines within a cell from being broken to fit


© 2008 Fairwells.com All rights reserved. Website Credits

You are visitor number 573798133744 since 14 Nov 08.