CELEBRATING 4 YEARS OF HOSTING EXCELLENCE! 2003 - 2007
How to Create Tables:
Normal Table | Table Spanned two rows | Table Spanned two columns |
Floating Tables | Colored Table
| Borderless Table
Normal Table:
> Back > Top
There are a number of attributes that go with the
<TABLE>..</TABLE> tags. below are examples of a few of them. This one is just
your basic table with 4 cells.
<HTML>
<HEAD>
<TITLE>Ack</TITLE>
</HEAD>
<BODY>
<TABLE BORDER>
<TR>
<TD>Data cell 1</TD><TD>Data cell 2</TD>
<TR>
<TD>Data cell 3</TD><TD>Data cell 4</TD>
</TR>
</TABLE>
</BODY>
</HTML> |
|
| Data cell 1 | Data cell 2 |
| Data cell 3 | Data cell 4 |
|
A
Table Spanned two rows: > Back > Top
This shows you how you can have a row the same size as two
rows that are right next to it.
<HTML>
<HEAD>
<TITLE>Ack</TITLE>
</HEAD>
<BODY>
<TABLE BORDER>
<TR>
<TD ROWSPAN=2>This cell spans two rows</TD>
<TD>These cells</TD><TD>would</TD>
</TR>
<TR>
<TD>contain</TD><TD>other data</TD>
</TR>
</TABLE>
</BODY>
</HTML> |
|
| This cell spans two rows |
These cells | would |
| contain | other data |
|
Table
Spanned two columns: > Back > Top
This table shows you how you can have a column that is as
long as two columns that can be either below or above.
<HTML>
<HEAD>
<TITLE>Ack</TITLE>
</HEAD>
<BODY>
<TABLE BORDER>
<TR>
<TD>Data cell 1</TD>
<TD COLSPAN=2>This cell spans 2 columns</TD>
</TR>
<TR>
<TD>Data cell 2</TD><TD>Data cell 3</TD><TD>Data cell
4</TD>
</TR>
</TABLE>
</BODY>
</HTML> |
|
| Data cell 1 |
This cell spans 2 colums |
| Data cell 2 | Data cell 3 | Data cell 4 |
|
Floating
Tables: > Back > Top
This show you how you can place text on either side of a
table.
<HTML>
<HEAD>
<TITLE>Ack</TITLE>
</HEAD>
<BODY>
<TABLE ALIGN=left BORDER WIDTH=50%>
<TR>
<TD>This is a two row table</TD>
</TR>
<TR>
<TD>It is aligned to the left of the page</TD>
</TR>
</TABLE>
This text will be to the right of the table, and will fall neatly besides the table
<BR CLEAR=all>
<HR>
<TABLE ALIGN=right BORDER WIDTH=50%>
<TR>
<TD>This is a two row table</TD>
</TR>
<TR>
<TD>It is aligned to the right of the page</TD>
</TR>
</TABLE>
This text will be to the left of the table, and will fall neatly beside the table
<BR CLEAR=all>
<HR>
</BODY>
</HTML> |
|
| This is a two row table |
| It is aligned to the left of the page |
This text will be to the right of the table, and will fall neatly besides the table
| This is a two row table |
| It is alighned to the right of the page |
This text will be to the left og the table, and will fall neatly beside the table
|
Colored Table:
> Back > Top
This shows you how you can add some color to
your tables.
List of colors
<HTML>
<HEAD>
<TITLE>Ack</TITLE>
</HEAD>
<BODY>
<TABLE BORDER BGCOLOR=silver BORDERCOLOR=black WIDTH=50%>
<TR>
<TD>This is the first cell</TD>
<TD>This is the second cell</TD>
</TR>
<TR BORDERCOLOR=red BGCOLOR=green>
<TD>This is the third cell</TD>
<TD>This is the forth cell</TD>
</TR>
<TR BORDERCOLOR=red BGCOLOR=green>
<TD BORDERCOLOR=yellow>This is the fifth cell</TD>
<TD BORDERCOLOR=white>This is the sixth cell</TD>
</TR>
</TABLE>
</BODY>
</HTML> |
|
| This is the first cell |
This is the second cell |
| This is the thrid cell |
This is the forth cell |
| This is the fifth cell |
This is the sixth cell |
|
Borderless
Table: > Back > Top
This is an example of how you can create a table without a
border, which we use allot throughout this site.
<HTML>
<HEAD>
<TITLE>Ack</TITLE>
</HEAD>
<BODY>
<table border="0" cellpadding="2" width="89%">
<tr>
<td width="50%" bgcolor="#0000FF">This is cell 1</td>
<td width="50%" bgcolor="#008080">This is cell 2</td>
</tr>
<tr>
<td width="50%" bgcolor="#000080">This is cell 3</td>
<td width="50%" bgcolor="#FF0000">This is cell 4</td>
</tr>
</table>
</BODY>
</HTML> |
|
| This is cell 1 |
This is cell 2 |
| This is cell 3 |
This is cell 4 |
|
