Previous
A03B
21 Steps to a Profitable Online Business
and within two years Financial Independence

I would like to have this page have a particular layout, so the first thing I will show you is how to accomplish this with the use of tables. This method is as old as HTML 2.0 and is still a good way to control the way a page displays. You see how this text here distributes to the edges of the browser window. What if I want the text to have a definite width and be centered but still justify to the left and keep that form. I could use HTML table tags.

This text is in a table cell, the code that sets a table in place generally has this form;
<table><tr><td>
things in the table cell
</td></tr></table>

This text is also in a table cell and I'll now show the code that makes this table and the above table as wide as I wish and puts the cell in the center of the page
<table align="center" width="480"><tr><td>
things in the table cell
</td></tr></table>
The words align and width are attributes of the table tag,
while"center" and "480" are values.
Notice that everything lines up on the left, this a default setting.

Now I will build a new table and I will use the center cell to explain how.


Site Map


Guinea Pig Zero:
An Anthology of the Journal for Human Research Subjects




Hache Financial
made it easy to sell my note for cash!




You Tell Me
What You Want The Internet to do for you and I'll tell you how




More HELP
with HTML
Choose your topic of interest from the lesson plan menu




Remember my list from Step One, I can set that in the table cell, it just has to be between the <td> and </td> tags, as this text is.
TD represents Table Data.
  • Computer at home
  • Word Processor
  • Text editor
  • Internet Connection
  • Email account
  • PayPal account
  • Tripod account
Next I will show you the same list but in a table with two cells side by side in a table row.



This is the code that sets this table. <table align="center" width="476">
<tr>
<td bgcolor="#80FFFF" text="#993300" link="#000000" vlink="#3366FF" WIDTH="180">

text
</td><td>
<UL>
list items
</UL>
</td></tr></table>
  • Computer at home
  • Word Processor
  • Text editor
  • Internet Connection
  • Email account
  • PayPal account
  • Tripod account

You see the tag <td> can use attributes just like the <table> tag



This is the code set in the left side cell.
<H2 align="center"><A NAME="s1">Step One</A></H2>
The<a> is the anchor tag and can have a NAME attribute that can be used to anchor a hot link from another page.
So the next table is what we end up with.



Step One

  • Computer at home
  • Word Processor
  • Text editor
  • Internet Connection
  • Email account
  • PayPal account
  • Tripod account



Step Two

  • Computer at home
  • Word Processor
  • Text editor
  • Internet Connection
  • Email account
  • PayPal account
  • Tripod account



In this table cell I get the text centered by adding an attribute to the <td> tag align="center"
Now I want to make a table with three columns.
This is the code I will start with;

<table align="center" ><tr>
<td width="90" align="center" valign="top">
text
</td>
<td width="480" align="center" valign="top">
text
</td>
<td width="183" align="center" valign="top">
text
</td>
</tr></table>































Go to
NEXT