You Can Make Data Tables Online. It will
help you to know exactly what a data table is and if you understand how to make Data tables, you will find that
they are easier to make - anytime you want.
__________________________
|
Tables can add order to your website and keep your pages looking neat.
There are some who say you should avoid HTML tables because they make the pages load slower and they do not adjust to the
size of the screen. CSS is the solution and I will add those instructions - soon.
|
Q. What is a Data Table?
A. A Data table is information that is organized
in an orderly fashion in rows and or colums.
|
|
Q. What are the attributes of a data table?
A. The table itself will start like this <TABLE>
and end like this </TABLE>.
|
|
Table Row - TR - The table row is an individual
row that contains a data cell. The cell is a grid [with]in the table.
Table Data - TD - The table data is the cellin the table row. If you end the TD </TD>,
you will still have another cell beside that cell. If you end the TR </TR>, you are starting another row.
|
| Cell
| Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
|
Align - When you align, you are assigning a particular
place to the text or graphic within the cell. Such as <TD ALIGN=TOP> <TD ALIGN=LEFT>
Background - Bgcolor - You can change the background color
with a simple HTML code. <TD Bgcolor=#FFCC00> or <TD Bgcolor=RED>. You can also add images to your table background.
|
| Cell
| Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
Cell |
|
This is how you start a table - <TABLE>
This is how you end it - </TABLE>
If you do not end your table, it will [more than likely] mess up your entire page.
|
This is what it will look like:
↓ ↓ ↓ ↓ ↓ ↓
|
<TABLE BORDER="1">
<TR>
<TD> Text or Graphics </TD>
<TD> Text or graphics </TD>
</TR>
</TABLE>
|
| Text or Graphics |
Text or graphics |
|
<TABLE BORDER="0"> or <TABLE>
<TR>
<TD> Text or Graphics </TD>
<TD> Text or graphics </TD>
</TR>
</TABLE>
|
| Text or Graphics |
Text or graphics |
Text or graphics |
|
<TABLE BORDER="1">
<TR>
<TD> Text or graphics </TD>
<TD> Text or graphics </TD>
</TR>
<TR>
<TD> Text or graphics </TD>
<TD> Or even, another table> </TD>
<TR></TABLE>
|
|
Text or graphics |
Text or graphics |
|
Text or graphics |
Or, even another table |
|
|