![]() |
Adding More Books (Tables) To The Shelf |
![]() |
|
|| Tidy Up || Finished || Mixed Up || NATSAM'S SITE || |
|
5th September, 2002 |
How Many Tables Do We Need?We now have a SKELETON We have given it COLOR We have given it a BOOK <=table> We have given it a BOX=<table> for the HEADING We have put in some PICTURES From now on, you clever people, you will only have the word "table" to read, instead of the other names of "books" or "boxes" ! In the list of tags below, only the parts which have been added or changed will be listed. We are now going to put in two more TABLES. One TABLE will have 1 ROW with 2 tds and one TABLE will have 1 ROW with 3 tds. We start with the TABLE TAGS.. <table> </table> then we add the ROW TAGS.. <table> <tr> </tr> </table> and then we can add the TD TAGS. For the first TABLE we add TWO TDs <table> <tr> <td> </td> <td> </td> </tr> </table> .. For the SECOND TABLE we add THREE TD's <table> <tr> <td> </td> <td> </td> <td> </td> </tr> </table> .. Between the TABLES we are also going to put more HEADING TAGS to make the page look better. If you remember the HEADING TAG used for the TOP of the PAGE was <H1> The second set of HEADING TAGS will be <H2> so that the words will not be so large. The page with the photos and text now looks like THIS <html> <body> <center> <h2> We Can Do Everything, Almost, With Tables</h2> <table width="500"> <tr> <td> This "td" has a photo.</td> <td> This "td" has some text.</td> </tr> </table> <h2> This Heading Has Been Put Here Just For Fun!</h2> <table width="500"> <tr> <td> This "td" has a photo.</td> <td> This "td" has some text..</td> <td> This "td" has a photo.</td> </tr> </table> </center> </body> </html>
|
|
|| Tidy Up || Finished || Mixed Up || NATSAM'S SITE || |