GuideML. Tables or Boxes
Created | Updated Apr 14, 2003
|
Tables Known As BOXESAlthough this is the easy kind of table, there are still a few way of doing it The simple Box is written like this <TABLE BORDER="4" BORDERCOLOR="gold" BGCOLOR="magenta"><TR><TD>What ever you put in here will be in the box And you end it with </TD></TR></TABLE> and that will give you This
The "TABLE" is the opening tag, which is folowed by BORDER="4" , This is how thick the Border will be,you can miss the BORDER out, you will still get a box, but with no border. Next is the BORDERCOLOR, like it says, its the border color.If you miss out the BORDER then you will miss this out aswell next is the BGCOLOR, which stands for Back Ground Color and will cover every where inside the border. next is the TR and TD, these must be put in, but we will talk about them later. and as you can see, we have put a closing tag for every one that you opened, but you must close them in the Opposite way to what you opened them. The box changes its size to fit what ever you have put in it.The more you put in, the bigger the box will get,but we can change that. <TABLE HEIGHT="50" WIDTH="100" BORDER="4" BORDERCOLOR="gold" BGCOLOR="magenta"><TR><TD> And now the box is bigger than its contents </TD></TR></TABLE>
PAGE STILL UNDER CONSTRUTION |
TABLESNEXT ARE THE TABLES
THE TABLE No 1 HAS BORDERS AND IT IS WRITTEN LIKE THIS <TABLE BORDER="4" BORDERCOLOR="silver" BGCOLOR="ffffdd"> <TR><TH>Country</TH><TH>Temp</TH><TH>Rain Fall</TH></TR> <TR><TD>UK</TD><TD>Cold</TD><TD>A lot</TD></TR> <TR><TD>Everywhere Else </TD><TD>Warm</TD><TD>Not A Lot</TD></TR> </TABLE> The first part of the code is the same as the "BOX" table. Next you will see that every "ROW" starts with <TR> and ends with </TR>. this keeps every thing on that row on one line.The next part of the second line uses the <TH> and the </TH>, any thing in there goes as a column HEADER, SO <TR><TH> 1st HEADER </TH><TH> 2nd HEADER </TH><TH> 3rd HEADER </TH></TR> Will give you three columns.And a HEADER in each The next line uses the <TD> and </TD> Tags, That puts a item in a box under each HEADER, SO <TR><TD> 1st ITEM </TD><TD> 2nd ITEM </TD><TD> 3rd ITEM </TD></TR> Will give you your first row of items under each HEARDER and then you reapeat that for every row that you want TABLE No 2 IS WRITTEN THE SAME AS TABLE No 1, EXCEPT THE FIRST LINE, INSTEAD OF <TABLE BORDER="4" BORDERCOLOR="silver" BGCOLOR="ffffdd"> YOU SIMPLY PUT <TABLE> |
