» Campus Home » Email Your Teacher » Help  
 
    netStart Class Help Center
   
Making a Nice Looking Table
You can use this simple HTML code to make a very nice looking table that looks like this:
Column1 Column2 Column3
Col1 Row2 Col2 Row2  
Col1 Row3 Col2 Row3  
Col1 Row4 Col2 Row4  
Col1 Row5 Col2 Row5  
    Col3 Row6
  Col2 Row7  
Right click here to view and/or save the text file for this table maker, if you left click you will just see the table itself.
Decoding the Code
In the very top line of this code, the important things to watch for are:
border="1"
and:
width="90%"

In the table border, changing the "1" to a "2" or higher number will make the lines of the table thicker; if you change it to a "0" the border lines will disappear, which often looks pretty cool.

The width="90%" means the table will cover 90% of the web page; you can make it less, but you should never make it more than 100%.

In the groups of code notice that each line has width="30%" that is, each column is 30% of the total and the three columns add up to the 90% total.

You can make the columns different widths when necessary, for example, the first row 20%, the second row 50% and the third row 20%; so long as they always add up to the total width (90% in this case).

Notice that the column heads have the HTML tags for bold, this is optional of course.

Notice also that the empty cells, for example, Column 3, Row 2 have this in them:
& n b s p ; (without spaces)

If you don't put this in empty cells, the table borders will become very screwed up.
©2006 Lago Vista ISD - All rights reserved.